:root{--bg:#f5f7fd;--bg-elevated:#fff;--text:#182033;--text-muted:#5b6478;--border:#dde2ef;--accent:#1a74c2;--accent-soft:#1a74c217;--code-bg:#eef1f9;--header-bg:radial-gradient(ellipse at bottom, #e9edfb 0%, #f5f7fd 100%);--star:#1a74c240;color-scheme:light}:root[data-theme=dark]{--bg:#0d1119;--bg-elevated:#141a26;--text:#ebf0ff;--text-muted:#ebf0ff9e;--border:#ebf0ff1f;--accent:#5eadf0;--accent-soft:#5eadf01f;--code-bg:#121826;--header-bg:radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);--star:#d8e1ff8c;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);letter-spacing:.02em;margin:0;font-family:Noto Sans TC,PingFang TC,Heiti TC,Microsoft JhengHei,sans-serif;font-size:17px;line-height:1.85}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}.container{max-width:720px;margin:0 auto;padding:0 20px}.site-header{background:var(--header-bg);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.stars-layer{width:var(--size);height:var(--size);box-shadow:var(--shadows);pointer-events:none;border-radius:50%;animation:linear infinite star-drift;position:absolute;top:0;left:0}.stars-layer:after{content:"";width:var(--size);height:var(--size);box-shadow:var(--shadows);border-radius:50%;position:absolute;top:400px}.stars-1{opacity:.6;animation-duration:10s}.stars-2{opacity:.8;animation-duration:20s}.stars-3{animation-duration:30s}.stars-paused .stars-layer{animation-play-state:paused}@keyframes star-drift{to{transform:translateY(-400px)}}.header-bar{align-items:center;gap:8px;height:64px;padding:0 24px;display:flex;position:relative}.brand{white-space:nowrap;color:var(--text);letter-spacing:.04em;flex:none;align-items:center;gap:10px;margin-right:auto;font-size:1.05rem;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand img{border:2px solid var(--border);border-radius:50%;width:30px;height:30px}.nav-items{align-items:center;gap:4px;display:flex}.nav-items a{white-space:nowrap;color:var(--text-muted);border-radius:999px;padding:4px 12px;font-size:.9rem}.nav-items a:hover{color:var(--text);background:var(--accent-soft);text-decoration:none}.nav-search{height:34px;color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;margin-left:8px;padding:0 12px;display:flex}.nav-search:focus-within{border-color:var(--accent);color:var(--text)}.nav-search input{width:140px;color:var(--text);font:inherit;background:0 0;border:none;outline:none;font-size:.9rem}.nav-search input::placeholder{color:var(--text-muted)}.icon-btn{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.icon-btn:hover{color:var(--text);background:var(--accent-soft)}.theme-toggle,.nav-search{border:1px solid var(--border);background:var(--bg-elevated)}.theme-toggle svg{opacity:0;grid-area:1/1;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .3s;transform:rotate(120deg)scale(.3)}:root[data-theme=light] .theme-toggle .icon-moon,:root[data-theme=dark] .theme-toggle .icon-sun{opacity:1;transform:none}.nav-items .theme-toggle{margin-left:4px}.menu-toggle{display:none}.menu-toggle span{background:currentColor;border-radius:1px;grid-area:1/1;width:16px;height:2px;transition:transform .3s,opacity .2s}.menu-toggle span:first-child{transform:translateY(-5px)}.menu-toggle span:nth-child(3){transform:translateY(5px)}.menu-open .menu-toggle span:first-child{transform:rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:rotate(-45deg)}@media (width<=600px){.header-bar{flex-wrap:wrap;row-gap:0;height:auto;padding:15px 20px}.menu-toggle{display:grid}.site-nav{visibility:hidden;flex-basis:100%;order:1;grid-template-rows:0fr;transition:grid-template-rows .3s,visibility 0s .3s;display:grid}.menu-open .site-nav{visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .3s}.nav-panel{min-height:0;overflow:hidden}.nav-items{opacity:0;flex-wrap:wrap;gap:2px;padding-top:12px;transition:opacity .3s,transform .3s;transform:translateY(-6px)}.menu-open .nav-items{opacity:1;transform:none}.nav-items a{border-radius:8px;flex-basis:100%;padding:10px 12px;font-size:1rem}.nav-search{flex:1;min-width:0;height:40px;margin:6px 0 0}.nav-search input{flex:1;width:auto;min-width:0;font-size:1rem}.nav-items .theme-toggle{width:40px;height:40px;margin:6px 0 0 8px}}@media (prefers-reduced-motion:reduce){.stars-layer{animation:none}.site-nav,.nav-items,.menu-toggle span,.theme-toggle svg{transition:none!important}}main{padding:48px 0 80px}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);padding:28px 0 40px;font-size:.85rem}.year-group h2{color:var(--text-muted);letter-spacing:.08em;margin:40px 0 8px;font-size:.95rem}.post-list{margin:0;padding:0;list-style:none}.post-list li{border-bottom:1px dashed var(--border);align-items:baseline;gap:16px;padding:10px 0;display:flex}.post-list time{width:3.4em;color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.85rem}.post-list a{color:var(--text)}.post-list a:hover{color:var(--accent)}.post-header{margin-bottom:36px}.post-header h1{letter-spacing:.01em;margin:0 0 12px;font-size:1.9rem;line-height:1.45}.post-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.88rem;display:flex}.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:1px 10px;font-size:.8rem;display:inline-block}:where(.prose)>*{margin-block:0}.prose>*+*{margin-top:1.1em}.prose h2,.prose h3,.prose h4{margin-top:2.2em;margin-bottom:0;line-height:1.5}.prose h2{border-bottom:1px solid var(--border);padding-bottom:6px;font-size:1.4rem}.prose h3{font-size:1.18rem}.prose img{border-radius:10px;max-width:100%;height:auto;margin:0 auto;display:block}.prose figure{margin:1.4em 0}.prose figcaption{text-align:center;color:var(--text-muted);margin-top:8px;font-size:.85rem}.prose blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--text);border-radius:0 10px 10px 0;margin:1.4em 0;padding:2px 18px}.prose blockquote>*+*{margin-top:.8em}.prose ul,.prose ol{padding-left:1.5em}.prose li+li{margin-top:.3em}.prose hr{border:0;border-top:1px solid var(--border);margin:2.4em 0}.prose :not(pre)>code{background:var(--code-bg);border-radius:6px;padding:2px 6px;font-size:.88em}.prose pre{border:1px solid var(--border);border-radius:10px;padding:16px 18px;font-size:.85rem;line-height:1.6;overflow-x:auto}.prose pre,.prose pre span{background-color:var(--code-bg)!important}:root[data-theme=dark] .prose pre span{color:var(--shiki-dark)!important}:root:not([data-theme=dark]) .prose pre span{color:var(--shiki-light)!important}.prose code,.prose pre{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.prose table{border-collapse:collapse;width:100%;font-size:.92rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);vertical-align:top;padding:8px 12px}.prose th{background:var(--accent-soft)}.prose td img{margin:0 0 8px}.prose .gallery{grid-template-columns:repeat(2,1fr);align-items:start;gap:12px;display:grid}.prose .gallery:has(>:nth-child(3)){grid-template-columns:repeat(3,1fr)}@media (width<=600px){.prose .gallery,.prose .gallery:has(>:nth-child(3)){grid-template-columns:1fr}}.prose .gallery figure{margin:0}.prose lite-youtube{border-radius:10px;max-width:none;overflow:hidden}@media (width<=600px){body{font-size:16px}.post-header h1{font-size:1.5rem}main{padding-top:32px}}.comments{border-top:1px solid var(--border);margin-top:64px;padding-top:32px}.comments h2{margin:0 0 20px;font-size:1.3rem}.old-comments{margin-bottom:28px}.old-comments summary{cursor:pointer;color:var(--text-muted);margin-bottom:12px;font-size:.9rem}.old-comments-note{color:var(--text-muted);margin:16px 0 0;font-size:.82rem}.comment-list,.comment-replies{margin:0;padding:0;list-style:none}.comment-list>.comment+.comment{margin-top:12px}.comment{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;gap:12px;padding:14px 16px;scroll-margin-top:24px;display:flex}.comment:target{border-color:var(--accent)}.comment-replies .comment{border:0;border-top:1px dashed var(--border);background:0 0;border-radius:0;margin-top:12px;padding:12px 0 0}.comment-replies.flat{margin-left:-42px}.comment-avatar{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.comment-main{flex:1;min-width:0}.comment-meta{flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:.85rem;display:flex}.comment-author{font-weight:700}.comment-badge{border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:0 8px;font-size:.72rem}.comment-date{color:var(--text-muted)}.comment-body{overflow-wrap:anywhere;margin-top:4px;font-size:.95rem;line-height:1.75}.comment-body p{margin:0}.comment-body p+p{margin-top:.4em}@media (width<=600px){.comment{gap:8px;padding:12px}.comment-avatar{width:24px;height:24px;font-size:.75rem}.comment-replies .comment-replies,.comment-replies.flat{margin-left:-32px}}.category-grid{gap:16px;display:grid}.category-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;padding:18px 18px 16px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.category-card:hover{border-color:var(--accent);transform:translateY(-2px)}.category-card:before{content:"";width:calc(var(--ratio) * 100%);background:linear-gradient(90deg, var(--accent), transparent);height:3px;position:absolute;inset:0 auto auto 0}.category-card-title{color:var(--text);justify-content:space-between;align-items:baseline;font-size:1.1rem;font-weight:700;display:flex}.category-card-title:hover{color:var(--accent)}.category-count{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.5rem}.category-latest{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.8rem}.category-chips{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.category-chips .chip{padding:3px 12px;font-size:.85rem}.category-chips .chip:hover{background:var(--accent);color:var(--bg)}.category-chips .chip span{opacity:.7;font-variant-numeric:tabular-nums}#search{--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--text);--pagefind-ui-background:var(--bg-elevated);--pagefind-ui-border:var(--border);--pagefind-ui-tag:var(--accent-soft);--pagefind-ui-font:inherit;--pagefind-ui-border-radius:10px}#search mark{background:var(--accent-soft);color:var(--accent)}.prose img:not(a img){cursor:zoom-in}.medium-zoom-overlay,.medium-zoom-image--opened{z-index:10}.page-about .prose>p:first-child img{aspect-ratio:1;object-fit:cover;border:4px solid var(--bg-elevated);width:100%;max-width:160px;box-shadow:0 0 0 1px var(--border), 0 8px 24px #0000001f;border-radius:50%}.page-about .prose>p:first-child+p{text-align:center;color:var(--text-muted);margin-top:16px;margin-bottom:2.4em;font-size:.95rem;line-height:1.9}.page-about .prose>p:first-child+p strong{color:var(--text);letter-spacing:.04em;margin-bottom:4px;font-size:1.4rem;display:inline-block}.page-about .prose ul{border-left:2px solid var(--border);margin-left:6px;padding-left:0;list-style:none}.page-about .prose li{padding-left:24px;position:relative}.page-about .prose li+li{margin-top:1.6em}.page-about .prose li:before{content:"";border:2px solid var(--accent);background:var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;top:.55em;left:-6px}.page-about .prose li:last-child:before{background:var(--accent)}.page-about .prose li>strong:first-child{color:var(--accent)}.not-found{text-align:center;padding:48px 0}.not-found .code{letter-spacing:.06em;color:var(--accent);margin:0;font-size:clamp(3rem,14vw,5rem);font-weight:700;line-height:1}.not-found h1{margin:12px 0 6px;font-size:1.2rem}.not-found p{color:var(--text-muted);margin:0;font-size:.95rem}.not-found form{gap:8px;max-width:340px;margin:24px auto 12px;display:flex}.not-found input{border:1px solid var(--border);background:var(--bg-elevated);min-width:0;color:var(--text);font:inherit;border-radius:999px;flex:1;padding:6px 12px;font-size:.9rem}.not-found button,.not-found .home{border:1px solid var(--accent);background:var(--accent);color:var(--bg);font:inherit;cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.9rem}.not-found .home{color:var(--accent);background:0 0;display:inline-block}.stars-1{--size:1px;--shadows:1605px 1px var(--star),1350px 392px var(--star),2479px 112px var(--star),1568px 288px var(--star),1090px 397px var(--star),1165px 195px var(--star),355px 161px var(--star),633px 61px var(--star),1252px 26px var(--star),1010px 306px var(--star),731px 76px var(--star),109px 170px var(--star),1511px 319px var(--star),754px 82px var(--star),1684px 218px var(--star),1941px 77px var(--star),1845px 181px var(--star),1972px 397px var(--star),612px 302px var(--star),392px 129px var(--star),1057px 99px var(--star),389px 290px var(--star),1475px 50px var(--star),677px 19px var(--star),1592px 346px var(--star),610px 395px var(--star),1838px 160px var(--star),774px 270px var(--star),2438px 369px var(--star),1773px 367px var(--star),2136px 373px var(--star),293px 15px var(--star),2223px 117px var(--star),2255px 204px var(--star),2395px 281px var(--star),425px 270px var(--star),2429px 52px var(--star),2503px 65px var(--star),994px 47px var(--star),1027px 129px var(--star),1683px 203px var(--star),1360px 30px var(--star),2068px 341px var(--star),698px 65px var(--star),776px 357px var(--star),742px 57px var(--star),1675px 219px var(--star),831px 48px var(--star),361px 26px var(--star),770px 270px var(--star),1667px 46px var(--star),1300px 209px var(--star),542px 316px var(--star),645px 396px var(--star),2442px 348px var(--star),9px 73px var(--star),72px 393px var(--star),844px 288px var(--star),2215px 37px var(--star),641px 347px var(--star),2035px 316px var(--star),565px 38px var(--star),381px 163px var(--star),1388px 114px var(--star),2264px 124px var(--star),2327px 344px var(--star),1620px 267px var(--star),600px 153px var(--star),787px 81px var(--star),678px 372px var(--star),2473px 63px var(--star),843px 30px var(--star),93px 313px var(--star),991px 97px var(--star),379px 328px var(--star),788px 356px var(--star),1346px 171px var(--star),1757px 137px var(--star),627px 214px var(--star),1951px 317px var(--star),129px 83px var(--star),1617px 258px var(--star),76px 130px var(--star),1098px 348px var(--star),1660px 143px var(--star),907px 240px var(--star),34px 369px var(--star),1382px 227px var(--star),1644px 49px var(--star),179px 325px var(--star),362px 284px var(--star),707px 256px var(--star),751px 218px var(--star),2369px 28px var(--star),281px 69px var(--star),1743px 18px var(--star),1352px 151px var(--star),1991px 105px var(--star),213px 399px var(--star),2502px 5px var(--star),2203px 44px var(--star),1002px 242px var(--star),1341px 153px var(--star),1824px 53px var(--star),727px 386px var(--star),1584px 216px var(--star),108px 65px var(--star),1597px 94px var(--star),398px 256px var(--star),1566px 7px var(--star),172px 12px var(--star),1029px 270px var(--star),1671px 319px var(--star),1650px 269px var(--star),2453px 8px var(--star),2220px 367px var(--star),67px 329px var(--star),1385px 225px var(--star),959px 42px var(--star),214px 273px var(--star),961px 5px var(--star),1296px 220px var(--star),1756px 344px var(--star),1272px 306px var(--star),167px 159px var(--star),1882px 81px var(--star),2239px 312px var(--star),246px 73px var(--star),1798px 13px var(--star),2053px 382px var(--star),861px 364px var(--star),2176px 251px var(--star),1198px 239px var(--star),1116px 82px var(--star),370px 375px var(--star),1654px 18px var(--star),1531px 236px var(--star),400px 61px var(--star),2443px 109px var(--star),31px 197px var(--star),839px 390px var(--star),1613px 191px var(--star),7px 253px var(--star),83px 314px var(--star),2489px 71px var(--star),1657px 354px var(--star),1507px 233px var(--star),1038px 245px var(--star),1454px 313px var(--star),2232px 156px var(--star),1943px 286px var(--star),619px 63px var(--star),2285px 153px var(--star),2440px 202px var(--star),1644px 171px var(--star),284px 304px var(--star),1606px 309px var(--star),316px 2px var(--star),2013px 312px var(--star),566px 127px var(--star),1908px 13px var(--star),600px 21px var(--star),782px 374px var(--star),809px 163px var(--star),1718px 57px var(--star),1648px 317px var(--star),1696px 188px var(--star),260px 163px var(--star),2344px 185px var(--star),2329px 398px var(--star),1555px 79px var(--star),1635px 247px var(--star),1521px 363px var(--star),940px 365px var(--star),123px 179px var(--star),622px 5px var(--star),1288px 184px var(--star),2037px 123px var(--star),2070px 362px var(--star),1085px 74px var(--star)}.stars-2{--size:2px;--shadows:1879px 129px var(--star),730px 215px var(--star),2240px 252px var(--star),1277px 142px var(--star),2000px 45px var(--star),2011px 80px var(--star),1086px 333px var(--star),1488px 56px var(--star),1720px 146px var(--star),2487px 15px var(--star),2342px 24px var(--star),327px 76px var(--star),18px 376px var(--star),1157px 253px var(--star),2530px 93px var(--star),1197px 139px var(--star),134px 208px var(--star),244px 23px var(--star),2458px 322px var(--star),1px 392px var(--star),185px 388px var(--star),1350px 77px var(--star),1735px 20px var(--star),1991px 364px var(--star),2117px 178px var(--star),2429px 28px var(--star),1828px 392px var(--star),2147px 256px var(--star),1342px 13px var(--star),2172px 335px var(--star),1402px 125px var(--star),2310px 371px var(--star),1144px 139px var(--star),47px 380px var(--star),802px 175px var(--star),2045px 346px var(--star),2353px 172px var(--star),530px 258px var(--star),1597px 285px var(--star),2401px 82px var(--star),713px 138px var(--star),1375px 10px var(--star),737px 332px var(--star),428px 310px var(--star),1009px 167px var(--star),1011px 337px var(--star),1217px 395px var(--star),665px 34px var(--star),1812px 8px var(--star),1879px 312px var(--star)}.stars-3{--size:3px;--shadows:1843px 15px var(--star),1167px 29px var(--star),1953px 192px var(--star),1246px 64px var(--star),673px 221px var(--star),498px 33px var(--star),1827px 190px var(--star),2031px 351px var(--star),828px 276px var(--star),734px 268px var(--star),1347px 332px var(--star),1382px 4px var(--star),2246px 124px var(--star),2398px 307px var(--star),1076px 285px var(--star),395px 147px var(--star),1850px 0px var(--star),21px 191px var(--star),2209px 241px var(--star),1746px 314px var(--star),1495px 232px var(--star),181px 148px var(--star),1359px 335px var(--star),1057px 185px var(--star),1271px 228px var(--star)}