:root{--bg:#ffffff;--fg:#111111;--fg-secondary:#929292;--accent:#57ad68;--accent-hover:#4d9a5e;--code-bg:#f5f5f5;--code-fg:#333333;--border:#e5e5e5;--badge-member-bg:#f0e6d3;--badge-member-fg:#8a6d3b;--notice-bg:#fdf6ec;--notice-border:#d4a843}@media(prefers-color-scheme:dark){:root{--bg:#1a1a1a;--fg:#e8e8e8;--fg-secondary:#888;--accent:#6ec47a;--accent-hover:#88d494;--code-bg:#262626;--code-fg:#d4d4d4;--border:#2e2e2e;--badge-member-bg:#3d3425;--badge-member-fg:#d4a843;--notice-bg:#2a2418;--notice-border:#d4a843}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:768px){html{font-size:16px}}body{font-family:noto serif tc,source han serif tc,pmingliu,serif;color:var(--fg);background-color:var(--bg);line-height:1.8;letter-spacing:.02em}.site-wrapper{display:flex;min-height:100vh;max-width:1080px;margin:0 auto}.site-sidebar{width:220px;flex-shrink:0;padding:60px 30px 40px 40px;position:sticky;top:0;height:100vh;overflow-y:auto}.site-content{flex:1;min-width:0;padding:60px 50px 60px 60px;max-width:760px;border-left:1px solid var(--border)}h1,h2,h3,h4,h5,h6{font-family:noto sans tc,source han sans tc,microsoft jhenghei,sans-serif;font-weight:700;line-height:1.4}h1{font-size:1.8rem;margin-bottom:.5em}h2{font-size:1.4rem;margin-top:2em;margin-bottom:.5em}h3{font-size:1.2rem;margin-top:2em;margin-bottom:.5em}h4{font-size:1.05rem;margin-top:2em;margin-bottom:.5em}p{margin-bottom:1.5em}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover);text-decoration:underline}strong{font-weight:700}.sidebar-inner{text-align:right}.sidebar-avatar{width:100px;height:100px;border-radius:50%;display:inline-block;margin-bottom:.8rem;background-image:url(/images/avatar.jpg);background-size:cover;background-position:50%}.sidebar-avatar-link{display:block;margin-bottom:.4rem}.sidebar-author{font-family:Helvetica,Arial,noto sans tc,sans-serif;font-size:.95rem;font-weight:600;color:var(--fg);margin-bottom:.3rem}.sidebar-description{font-family:Helvetica,Arial,noto sans tc,sans-serif;font-size:.8rem;color:var(--fg-secondary);line-height:1.5;margin-bottom:1.4rem}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-nav a{font-family:Helvetica,Arial,noto sans tc,sans-serif;font-size:.88rem;color:var(--accent);text-decoration:none}.sidebar-nav a:hover,.sidebar-nav a.active{text-decoration:underline}.sidebar-widget{margin-top:2rem;text-align:right}.sidebar-widget-title{font-family:Helvetica,Arial,noto sans tc,sans-serif;font-size:.8rem;font-weight:600;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem}.sidebar-recent-post{display:block;font-family:Helvetica,Arial,noto sans tc,sans-serif;font-size:.82rem;color:var(--accent);line-height:1.4;margin-bottom:.5rem;text-decoration:none}.sidebar-recent-post:hover{text-decoration:underline}.site-footer{border-top:1px solid var(--border);padding:1.5rem 50px 1.5rem 60px;text-align:center;margin-left:220px}.site-footer p{font-family:noto sans tc,source han sans tc,microsoft jhenghei,sans-serif;font-size:.85rem;color:var(--fg-secondary);margin-bottom:0}.home h1{margin-bottom:.3em}.site-description{color:var(--fg-secondary);font-size:1rem;margin-bottom:2.5rem}.home h2{font-size:1.1rem;margin-top:0;margin-bottom:1.5rem;color:var(--fg-secondary)}.post-item{padding:1.2rem 0;border-bottom:1px solid var(--border)}.post-item:last-child{border-bottom:none}.post-meta{display:flex;align-items:center;gap:.8rem;margin-bottom:.3rem}.post-meta time{font-family:jetbrains mono,fira code,monospace;font-size:.85rem;color:var(--fg-secondary)}.post-item h3{font-size:1.15rem;margin:0 0 .3em}.post-item h3 a{color:var(--fg)}.post-item h3 a:hover{color:var(--accent);text-decoration:none}.post-summary{font-size:.95rem;color:var(--fg-secondary);margin-bottom:0;line-height:1.7}.badge{font-family:noto sans tc,source han sans tc,microsoft jhenghei,sans-serif;font-size:.75rem;padding:.15em .6em;border-radius:3px;font-weight:500}.badge-member{background:var(--badge-member-bg);color:var(--badge-member-fg)}.post-header{margin-bottom:2rem}.post-header h1{margin-bottom:.5rem}.post-header .post-meta{margin-bottom:0}.post-header .category{font-size:.85rem}.content p{margin-bottom:1.5em}.content img{max-width:100%;height:auto;display:block;margin:1.5em auto;border-radius:4px}.content blockquote{border-left:3px solid var(--accent);padding-left:1.2em;margin:1.5em 0;font-style:italic;color:var(--fg-secondary)}.content blockquote p:last-child{margin-bottom:0}.content ul,.content ol{margin-bottom:1.5em;padding-left:1.5em}.content li{margin-bottom:.3em}.content code{font-family:Monaco,Consolas,andale mono,monospace;font-size:.88em;background:var(--code-bg);color:var(--code-fg);padding:.15em .4em;border-radius:3px}.content pre{border-radius:4px;padding:1.2em;overflow-x:auto;margin:1.5em 0;line-height:1.5;border:1px solid var(--border);position:relative}.copy-btn{position:absolute;top:.5em;right:.5em;background:var(--code-bg);border:1px solid var(--border);border-radius:4px;padding:.25em .45em;cursor:pointer;font-size:.78em;color:var(--fg-secondary);opacity:0;transition:opacity .15s,color .15s;line-height:1}.content pre:hover .copy-btn{opacity:1}.copy-btn.copied{color:#4caf50}.reading-time{font-size:.8rem;color:var(--fg-secondary)}.faq-item{border-left:3px solid var(--accent);padding:.8em 1em;margin:1.5em 0;background:var(--code-bg);border-radius:0 4px 4px 0}.faq-q{font-size:1rem;font-weight:700;margin-bottom:.5em;color:var(--fg)}.faq-a{font-size:.95rem;color:var(--fg-secondary)}.faq-a p{margin:0}.share-btn{background:0 0;border:none;padding:0;color:var(--accent);font-size:.85rem;cursor:pointer;font-family:inherit;transition:color .15s}.share-btn:hover{color:var(--accent-hover)}.share-btn--copied{color:#4caf50}.content pre code{background:0 0;padding:0;border-radius:0;font-size:.88em}.content hr{border:none;border-top:1px solid var(--border);margin:2em 0}.content table{width:100%;border-collapse:collapse;margin:1.5em 0}.content th,.content td{border:1px solid var(--border);padding:.6em 1em;text-align:left}.content th{font-family:noto sans tc,source han sans tc,microsoft jhenghei,sans-serif;font-weight:700}.post-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-family:noto sans tc,source han sans tc,microsoft jhenghei,sans-serif;font-size:.85rem;color:var(--fg-secondary)}.tag:hover{color:var(--accent);text-decoration:none}.member-notice{background:var(--notice-bg);border-left:3px solid var(--notice-border);padding:1em 1.2em;border-radius:0 4px 4px 0;margin:1.5em 0}.member-notice p{margin-bottom:.3em;font-size:.95rem}.member-notice p:last-child{margin-bottom:0}.pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border);font-family:noto sans tc,source han sans tc,microsoft jhenghei,sans-serif;font-size:.9rem}.pagination-info{color:var(--fg-secondary)}.single-page .page-header{margin-bottom:2rem}.page-description{color:var(--fg-secondary);font-size:1rem}@media(max-width:768px){.site-wrapper{flex-direction:column}.site-sidebar{width:100%;height:auto;position:static;padding:24px 20px 16px;border-bottom:1px solid var(--border)}.sidebar-inner{text-align:left;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.sidebar-avatar{width:56px;height:56px;margin-bottom:0}.sidebar-avatar-link{margin-bottom:0;flex-shrink:0}.sidebar-nav{flex-direction:row;gap:1rem}.site-content{padding:24px 20px;border-left:none}.site-footer{margin-left:0;padding:1.5rem 20px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}}.read-more{display:inline-block;margin-top:.5em;font-size:.9em;color:var(--accent,#0070f3);text-decoration:none}.read-more:hover{text-decoration:underline}.search-form{display:flex}.search-input{width:100%;padding:6px 10px;font-size:.85rem;font-family:noto sans tc,sans-serif;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:4px;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.search-page h1{margin-bottom:.25rem}.search-page-form{display:flex;gap:8px;margin-bottom:2rem}.search-page-input{flex:1;padding:8px 12px;font-size:1rem;font-family:noto sans tc,sans-serif;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:4px;outline:none;transition:border-color .15s}.search-page-input:focus{border-color:var(--accent)}.search-page-btn{padding:8px 16px;font-size:.9rem;font-family:noto sans tc,sans-serif;color:#fff;background:var(--accent);border:none;border-radius:4px;cursor:pointer}.search-page-btn:hover{background:var(--accent-hover)}.search-status{color:var(--fg-secondary);font-size:.9rem;margin-bottom:1.5rem}.search-highlight{background:color-mix(in srgb,var(--accent) 25%,transparent);border-radius:2px;padding:0 2px}.bg{background-color:#f7f7f7}.chroma{background-color:#f7f7f7;-webkit-text-size-adjust:none}.chroma .err{color:#f6f8fa;background-color:#82071e}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#dedede}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#cf222e}.chroma .kc{color:#cf222e}.chroma .kd{color:#cf222e}.chroma .kn{color:#cf222e}.chroma .kp{color:#cf222e}.chroma .kr{color:#cf222e}.chroma .kt{color:#cf222e}.chroma .na{color:#1f2328}.chroma .nc{color:#1f2328}.chroma .no{color:#0550ae}.chroma .nd{color:#0550ae}.chroma .ni{color:#6639ba}.chroma .nl{color:#900;font-weight:700}.chroma .nn{color:#24292e}.chroma .nx{color:#1f2328}.chroma .nt{color:#0550ae}.chroma .nb{color:#6639ba}.chroma .bp{color:#6a737d}.chroma .nv{color:#953800}.chroma .vc{color:#953800}.chroma .vg{color:#953800}.chroma .vi{color:#953800}.chroma .vm{color:#953800}.chroma .nf{color:#6639ba}.chroma .fm{color:#6639ba}.chroma .s{color:#0a3069}.chroma .sa{color:#0a3069}.chroma .sb{color:#0a3069}.chroma .sc{color:#0a3069}.chroma .dl{color:#0a3069}.chroma .sd{color:#0a3069}.chroma .s2{color:#0a3069}.chroma .se{color:#0a3069}.chroma .sh{color:#0a3069}.chroma .si{color:#0a3069}.chroma .sx{color:#0a3069}.chroma .sr{color:#0a3069}.chroma .s1{color:#0a3069}.chroma .ss{color:#032f62}.chroma .m{color:#0550ae}.chroma .mb{color:#0550ae}.chroma .mf{color:#0550ae}.chroma .mh{color:#0550ae}.chroma .mi{color:#0550ae}.chroma .il{color:#0550ae}.chroma .mo{color:#0550ae}.chroma .o{color:#0550ae}.chroma .ow{color:#0550ae}.chroma .p{color:#1f2328}.chroma .c{color:#57606a}.chroma .ch{color:#57606a}.chroma .cm{color:#57606a}.chroma .c1{color:#57606a}.chroma .cs{color:#57606a}.chroma .cp{color:#57606a}.chroma .cpf{color:#57606a}.chroma .gd{color:#82071e;background-color:#ffebe9}.chroma .ge{color:#1f2328}.chroma .gi{color:#116329;background-color:#dafbe1}.chroma .go{color:#1f2328}.chroma .gl{text-decoration:underline}.chroma .w{color:#fff}@media(prefers-color-scheme:dark){.bg{color:#f8f8f2;background-color:#282a36}.chroma{color:#f8f8f2;background-color:#282a36;-webkit-text-size-adjust:none}.chroma .hl{background-color:#3d3f4a}.chroma .lnt{color:#7f7f7f}.chroma .ln{color:#7f7f7f}.chroma .k{color:#ff79c6}.chroma .kc{color:#ff79c6}.chroma .kd{color:#8be9fd;font-style:italic}.chroma .kn{color:#ff79c6}.chroma .kp{color:#ff79c6}.chroma .kr{color:#ff79c6}.chroma .kt{color:#8be9fd}.chroma .na{color:#50fa7b}.chroma .nc{color:#50fa7b}.chroma .nl{color:#8be9fd;font-style:italic}.chroma .nt{color:#ff79c6}.chroma .nb{color:#8be9fd;font-style:italic}.chroma .bp{font-style:italic}.chroma .nv{color:#8be9fd;font-style:italic}.chroma .vc{color:#8be9fd;font-style:italic}.chroma .vg{color:#8be9fd;font-style:italic}.chroma .vi{color:#8be9fd;font-style:italic}.chroma .vm{color:#8be9fd;font-style:italic}.chroma .nf{color:#50fa7b}.chroma .fm{color:#50fa7b}.chroma .s{color:#f1fa8c}.chroma .sa{color:#f1fa8c}.chroma .sb{color:#f1fa8c}.chroma .sc{color:#f1fa8c}.chroma .dl{color:#f1fa8c}.chroma .sd{color:#f1fa8c}.chroma .s2{color:#f1fa8c}.chroma .se{color:#f1fa8c}.chroma .sh{color:#f1fa8c}.chroma .si{color:#f1fa8c}.chroma .sx{color:#f1fa8c}.chroma .sr{color:#f1fa8c}.chroma .s1{color:#f1fa8c}.chroma .ss{color:#f1fa8c}.chroma .m{color:#bd93f9}.chroma .mb{color:#bd93f9}.chroma .mf{color:#bd93f9}.chroma .mh{color:#bd93f9}.chroma .mi{color:#bd93f9}.chroma .il{color:#bd93f9}.chroma .mo{color:#bd93f9}.chroma .o{color:#ff79c6}.chroma .ow{color:#ff79c6}.chroma .c{color:#6272a4}.chroma .ch{color:#6272a4}.chroma .cm{color:#6272a4}.chroma .c1{color:#6272a4}.chroma .cs{color:#6272a4}.chroma .cp{color:#ff79c6}.chroma .cpf{color:#ff79c6}.chroma .gd{color:#f55}.chroma .ge{text-decoration:underline}.chroma .gh{font-weight:700}.chroma .gi{color:#50fa7b;font-weight:700}.chroma .go{color:#44475a}.chroma .gu{font-weight:700}.chroma .gl{text-decoration:underline}}