:root{--paper:#f3f6f9;--paper-2:#e2ecf4;--ink:#13232b;--ink-soft:#55677a;--rule:#c5d3df;--sea:#12495f;--night:#0c1e27;--dusk:#d9702e;--on-dark:#eef3f4;--on-dark-soft:#a9bec6;--f-display:"Noto Serif TC","Songti TC","PMingLiU",serif;--f-body:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--measure:40rem;--wide:72rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0d171c;--paper-2:#132229;--ink:#dce5e7;--ink-soft:#93a7ae;--rule:#26383f;--sea:#86c0d6;--night:#081419;--dusk:#ec8c4f;--on-dark:#e8eff1;--on-dark-soft:#9fb5bd;color-scheme:dark}}:root[data-theme=dark]{--paper:#0d171c;--paper-2:#132229;--ink:#dce5e7;--ink-soft:#93a7ae;--rule:#26383f;--sea:#86c0d6;--night:#081419;--dusk:#ec8c4f;--on-dark:#e8eff1;--on-dark-soft:#9fb5bd;color-scheme:dark}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--dusk);outline-offset:3px}h1,h2,h3,h4{font-family:var(--f-display);font-weight:900;line-height:1.3;text-wrap:balance;margin:0}p{margin:0}img{display:block;max-width:100%}.mono{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}.gut{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.wrap{max-width:var(--wide);margin:0 auto}.top{border-bottom:1px solid var(--ink)}.top .wrap{display:flex;align-items:stretch;justify-content:space-between;min-height:60px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--f-display);font-weight:900;font-size:1.35rem;letter-spacing:.08em}.brand .mono{color:var(--ink-soft);letter-spacing:.06em;font-weight:400}.nav{display:flex;border-left:1px solid var(--ink)}.nav a{display:flex;align-items:center;padding:0 22px;border-right:1px solid var(--ink);font-size:.95rem}.nav a:hover{background:var(--paper-2)}.nav a[aria-current=page]{background:var(--ink);color:var(--paper)}@media(max-width:560px){.brand .mono{display:none}.nav a{padding:0 14px}}.hero{position:relative;min-height:clamp(420px,66vh,700px);display:flex;align-items:flex-end;color:var(--on-dark);background:var(--night);overflow:hidden}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(8 22 30 / .78) 0%,rgb(8 22 30 / .35) 45%,transparent 75%)}.hero .wrap{position:relative;z-index:1;width:100%;padding-block:0 clamp(32px,6vw,64px)}.hero .kicker{display:flex;align-items:center;gap:12px;font-size:1rem;color:var(--on-dark)}.hero .kicker:before{content:"";width:36px;height:3px;background:var(--dusk)}.hero h1{font-size:clamp(4rem,13vw,9.5rem);line-height:1;letter-spacing:.06em;margin-top:14px}.hero .say{margin-top:20px;max-width:30em;font-size:1.05rem;color:var(--on-dark-soft)}.hero .say b{color:var(--on-dark);font-weight:500}.sec{padding-block:clamp(48px,7vw,88px)}.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}.sec-h h2{font-size:clamp(1.7rem,3.2vw,2.3rem)}.sec-h a{font-size:.95rem;color:var(--ink-soft);border-bottom:1px solid var(--rule)}.sec-h a:hover{color:var(--ink);border-color:var(--ink)}.feat{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,56px);align-items:center}.feat .pic{position:relative}.feat .pic img{width:100%;aspect-ratio:16/9;object-fit:cover}.tag{position:absolute;top:-1px;left:-1px;background:var(--paper);border:1px solid var(--ink);padding:6px 16px;font-size:.9rem;letter-spacing:.12em}.tag:before{content:"";display:inline-block;width:8px;height:8px;background:var(--dusk);margin-right:10px;vertical-align:.1em}.feat .meta{color:var(--ink-soft);display:flex;gap:14px;flex-wrap:wrap}.feat h3{font-size:clamp(1.6rem,2.8vw,2.3rem);margin-top:14px}.feat p{margin-top:16px;color:var(--ink-soft)}.more{display:inline-flex;align-items:center;gap:10px;margin-top:24px;font-weight:500;border-bottom:2px solid var(--ink);padding-bottom:2px}.more span{transition:transform .2s}.feat:hover h3,.more:hover{color:var(--sea)}.feat:hover .more span,.more:hover span{transform:translate(4px)}@media(max-width:820px){.feat{grid-template-columns:1fr}}.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cat{display:flex;flex-direction:column;gap:14px}.cat .ph{aspect-ratio:4/5;overflow:hidden;background:var(--paper-2)}.cat .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.cat:hover .ph img{transform:scale(1.04)}.cat .ph.solid{background:var(--sea);display:grid;place-items:center}.cat .ph.solid span{font-family:var(--f-display);font-weight:900;font-size:clamp(5rem,10vw,8rem);color:var(--paper);line-height:1;transition:transform .5s ease}.cat:hover .ph.solid span{transform:scale(1.06)}.cat .name{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-top:1px solid var(--ink);padding-top:12px}.cat h3{font-size:1.5rem}.cat .mono{color:var(--ink-soft)}.cat p{font-size:.92rem;line-height:1.7;color:var(--ink-soft)}@media(max-width:900px){.cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}}.band{position:relative;color:var(--on-dark);background:var(--night);overflow:hidden}.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}.band:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#050e13d9,#050e1333 70%)}.band .wrap{position:relative;z-index:1;min-height:clamp(340px,46vw,520px);display:flex;flex-direction:column;justify-content:flex-end;padding-block:48px}.band blockquote{margin:0;font-family:var(--f-display);font-weight:600;font-size:clamp(1.5rem,3.4vw,2.5rem);line-height:1.5}.band blockquote span{display:block}@media(max-width:640px){.band img{height:58%;object-position:center 30%}.band .wrap{min-height:440px}.band:after{background:linear-gradient(to top,var(--night) 45%,rgb(5 14 19 / .1) 75%)}}.band .src{margin-top:18px;font-size:.92rem;color:var(--on-dark-soft)}.band .src a{border-bottom:1px solid var(--on-dark-soft)}.band .src a:hover{color:var(--on-dark);border-color:var(--on-dark)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid var(--ink);padding:24px 24px 22px;display:flex;flex-direction:column;gap:12px;background:var(--paper);transition:background .2s}.card:hover{background:var(--paper-2)}.card .meta{display:flex;justify-content:space-between;gap:8px;color:var(--ink-soft)}.card h3{font-size:1.2rem;font-weight:900;line-height:1.45}.card p{font-size:.92rem;line-height:1.7;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card .c{margin-top:auto;padding-top:8px;font-size:.85rem;color:var(--sea);font-weight:500}.all{display:flex;justify-content:center;margin-top:40px}.pill{display:inline-block;background:var(--sea);color:var(--paper);padding:12px 40px;border-radius:999px;font-weight:500}.pill:hover{background:var(--ink)}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cards{grid-template-columns:1fr}}.me{background:var(--paper-2)}.me .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(28px,5vw,72px);align-items:start}.me h2{font-size:clamp(1.9rem,3.8vw,2.9rem);line-height:1.35}.me .txt{display:flex;flex-direction:column;gap:14px;max-width:var(--measure)}.me .sign{display:flex;align-items:center;gap:14px;margin-top:8px}.seal{width:52px;height:52px;flex:none;border-radius:50%;background:var(--sea);color:var(--paper);display:grid;place-items:center;font-family:var(--f-display);font-weight:900;font-size:1.3rem}@media(max-width:760px){.me .wrap{grid-template-columns:1fr}}.foot{background:var(--night);color:var(--on-dark-soft)}.foot .wrap{padding-block:48px calc(48px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}.foot .brandf{font-family:var(--f-display);font-weight:900;font-size:2rem;color:var(--on-dark);letter-spacing:.08em}.foot .links{display:flex;gap:24px;flex-wrap:wrap}.foot .links a:hover{color:var(--on-dark)}.foot .egg{font-size:.88rem;margin-top:6px}.foot .egg .paw{display:inline-block;opacity:0;transition:opacity .25s}.foot .egg:hover .paw{opacity:1}.page-h{padding-block:clamp(40px,6vw,72px) 8px}.page-h h1{font-size:clamp(2.4rem,6vw,4rem)}.page-h p{color:var(--ink-soft);margin-top:10px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.chip{font:inherit;font-size:.92rem;padding:6px 16px;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.chip:hover:not([aria-pressed=true]){background:var(--paper-2)}.chip .n{font-family:var(--f-mono);font-size:.78rem;opacity:.7;margin-left:6px}.year{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:24px;padding-block:28px;border-top:1px solid var(--ink)}.year>h2{font-family:var(--f-mono);font-weight:500;font-size:1.6rem;position:sticky;top:12px;align-self:start}.rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.rows a{display:grid;grid-template-columns:3.6rem minmax(0,1fr) auto;gap:16px;align-items:baseline;padding-block:10px;border-bottom:1px solid var(--rule)}.rows li:last-child a{border-bottom:0}.rows .d{color:var(--ink-soft)}.rows .t{font-family:var(--f-display);font-weight:600;font-size:1.08rem;line-height:1.55}.rows .c{font-size:.84rem;color:var(--sea)}.rows a:hover .t{color:var(--sea)}.empty{color:var(--ink-soft);padding-block:24px}@media(max-width:640px){.year{grid-template-columns:1fr;gap:8px}.year>h2{position:static}.rows a{grid-template-columns:3rem minmax(0,1fr)}.rows .c{display:none}}.post-h{max-width:var(--measure);margin:0 auto;padding-block:clamp(40px,6vw,72px) 0}.post-h .meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--ink-soft);margin-bottom:18px}.post-h .meta .c{color:var(--sea)}.post-h h1{font-size:clamp(2rem,4.6vw,3rem);line-height:1.3}.cover{max-width:var(--wide);margin:40px auto 0}.cover img{width:100%;aspect-ratio:21/10;object-fit:cover}.cover figcaption{font-size:.84rem;color:var(--ink-soft);margin-top:10px}.post{max-width:var(--measure);margin:0 auto;padding-block:40px 24px}.lead{font-size:1.15rem;line-height:1.85}.body{margin-top:28px}.body>*+*{margin-top:1.15em}.body h2{font-size:1.6rem;margin-top:2.4em;padding-top:1.2em;border-top:1px solid var(--ink)}.body h2 .em{font-family:var(--f-body);font-weight:400;margin-right:.4em}.body strong{font-weight:700;background:linear-gradient(transparent 60%,color-mix(in srgb,var(--dusk) 28%,transparent) 60%)}.body ul{padding-left:1.2em}.body li+li{margin-top:.4em}.body a{border-bottom:1px solid var(--sea);color:var(--sea)}.aside{font-size:.95rem;color:var(--ink-soft)}.tbl{overflow-x:auto;margin-block:1.6em}table{border-collapse:collapse;width:100%;min-width:28rem;font-size:.95rem}th,td{text-align:left;padding:12px 14px 12px 0;border-bottom:1px solid var(--rule);vertical-align:top}thead th{font-weight:500;color:var(--ink-soft);font-size:.85rem;border-bottom:1px solid var(--ink)}td.big{font-family:var(--f-mono);font-weight:500;font-size:1.05rem;color:var(--sea);white-space:nowrap}.items{display:flex;flex-direction:column;gap:12px;padding:0!important;list-style:none}.items li{display:grid;grid-template-columns:1.8em minmax(0,1fr);gap:6px}.items .k{font-size:1.05rem;line-height:1.7}.ports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.port{border:1px solid var(--ink);padding:18px 20px;display:flex;flex-direction:column;gap:6px}.port h4{font-size:1.1rem}.port p{font-size:.92rem;line-height:1.65;color:var(--ink-soft)}.port .warn{color:var(--ink)}@media(max-width:560px){.ports{grid-template-columns:1fr}}.check{list-style:none;padding:0!important;display:flex;flex-direction:column}.check label{display:grid;grid-template-columns:1.6em minmax(0,1fr);gap:8px;padding:10px 0;cursor:pointer;border-bottom:1px solid var(--rule)}.check input{appearance:none;width:1.15em;height:1.15em;margin:.32em 0 0;border:1.5px solid var(--ink);display:grid;place-items:center;cursor:pointer}.check input:after{content:"";width:.55em;height:.3em;border-left:2px solid var(--paper);border-bottom:2px solid var(--paper);transform:rotate(-45deg) translate(1px,-1px);opacity:0}.check input:checked{background:var(--sea);border-color:var(--sea)}.check input:checked:after{opacity:1}.check input:checked+span{color:var(--ink-soft);text-decoration:line-through}.check small{color:var(--ink-soft)}.faq details{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;padding:14px 0;font-weight:500;list-style:none;display:grid;grid-template-columns:2em minmax(0,1fr) 1em;gap:4px}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"Q";font-family:var(--f-display);font-weight:900;color:var(--sea)}.faq summary:after{content:"+";color:var(--ink-soft);text-align:right}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 0 16px 2.25em}.verdict{background:var(--night);color:var(--on-dark);padding:32px 32px 34px;margin-top:2.6em;border-top:4px solid var(--dusk)}.verdict h2{font-size:1.5rem;margin:0 0 12px;padding:0;border:0}.verdict p{line-height:1.85;color:var(--on-dark-soft)}.stub{border:1px dashed var(--rule);padding:18px 20px;color:var(--ink-soft);font-size:.95rem}.stub a{color:var(--sea);border-bottom:1px solid var(--sea)}.by{margin-top:40px;padding-top:24px;border-top:1px solid var(--ink);display:flex;gap:16px;align-items:center;font-size:.92rem;color:var(--ink-soft)}.by a{color:var(--sea)}.after{max-width:var(--measure);margin:16px auto 0;padding-block:24px 64px}.after h2{font-size:1.3rem;margin-bottom:12px}.after .rows a{grid-template-columns:minmax(0,1fr) auto}.about{max-width:var(--measure);margin:0 auto;padding-block:clamp(40px,6vw,72px) 64px}.about h1{font-size:clamp(2.4rem,6vw,4rem);margin-bottom:28px}.about p+p{margin-top:1.1em}.about h2{font-size:1.4rem;margin:2.2em 0 .8em}.about ul{padding-left:1.2em}.about code{font-family:var(--f-mono);font-size:.9em}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.body h3{font-size:1.25rem;margin-top:2em}.body h4{font-size:1.08rem;margin-top:1.6em}.body ol{padding-left:1.4em}.body ol li+li{margin-top:.4em}.body p:empty{display:none}.body hr{border:0;border-top:1px solid var(--rule);margin-block:2.4em}.body blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--sea);color:var(--ink);font-family:var(--f-display);font-weight:600;line-height:1.75}.body blockquote p+p{margin-top:.6em}.body em{font-style:normal;color:var(--ink-soft)}.body code{font-family:var(--f-mono);font-size:.9em;background:var(--paper-2);padding:1px 5px}.body figure{margin:2em 0}.body figure img{width:100%;height:auto;background:var(--paper-2)}.body figure.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:8px;align-items:start}.body figure.gallery figcaption{grid-column:1/-1}.body figcaption{font-size:.85rem;color:var(--ink-soft);margin-top:8px;line-height:1.6}.body .tbl{overflow-x:auto;margin-block:1.6em}.body .tbl tr:first-child td{font-weight:500;color:var(--ink-soft);font-size:.85rem;border-bottom:1px solid var(--ink)}.body td,.body th{font-variant-numeric:tabular-nums}.card{padding:0;gap:0}.card .thumb{aspect-ratio:3/2;overflow:hidden;background:var(--paper-2);border-bottom:1px solid var(--ink)}.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .thumb img{transform:scale(1.04)}.card .in{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}.feat .pic img{background:var(--paper-2)}.legacy{font-size:.85rem;color:var(--ink-soft);margin-top:28px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:28px}.tags span{font-size:.82rem;color:var(--ink-soft);border:1px solid var(--rule);padding:2px 10px;border-radius:999px}