:root{--ink: #1a1a1a;--ink-soft: #5c5c5c;--ink-faint: #8f8d88;--paper: #f8f7f4;--paper-raised: #ffffff;--violet: #5c4fc7;--violet-soft: #eeecfa;--rule: #e3e0d9;--mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--measure: 68ch;--wrap: 1080px;--step--1: clamp(.88rem, .86rem + .1vw, .95rem);--step-0: clamp(1.06rem, 1.03rem + .15vw, 1.13rem);--step-1: clamp(1.28rem, 1.18rem + .4vw, 1.5rem);--step-2: clamp(1.62rem, 1.4rem + 1vw, 2.2rem);--step-3: clamp(2rem, 1.6rem + 1.9vw, 3.1rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;font-size:var(--step-0);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-color:var(--rule);text-underline-offset:.2em}a:hover{text-decoration-color:var(--violet)}:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:2px}img{max-width:100%;height:auto;display:block}.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}.masthead{border-bottom:1px solid var(--rule);background:var(--paper);position:sticky;top:0;z-index:20}.masthead__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:20px}.masthead__home{font-family:var(--mono);font-weight:400;font-size:16.9px;letter-spacing:.06em;color:var(--ink);text-decoration:none}.masthead__nav{display:flex;gap:32px;color:var(--ink-faint)}.masthead__nav a{font-size:15.6px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:color .2s}.masthead__nav a:hover{color:var(--violet)}@media(max-width:768px){.masthead__inner{gap:.75rem;padding-block:14px}.masthead__home{font-size:15px;white-space:nowrap}.masthead__nav{gap:14px}.masthead__nav a{font-size:12.5px;letter-spacing:.03em}}.pagehead{padding-block:clamp(3rem,8vw,5.5rem) 2.5rem}.pagehead__eyebrow{font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--violet);margin:0 0 .9rem}.pagehead__title{font-size:var(--step-3);line-height:1.2;margin:0 0 1rem;letter-spacing:-.01em}.pagehead__lede{max-width:52ch;color:var(--ink-soft);margin:0;font-size:20px}.controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding-block:1.25rem;border-block:1px solid var(--rule);margin-bottom:2.5rem}.search{position:relative;flex:1 1 260px;max-width:380px}.search input{width:100%;font:inherit;font-size:var(--step--1);padding:.6rem .85rem;border:1px solid var(--rule);border-radius:6px;background:var(--paper-raised);color:inherit}.search input::placeholder{color:var(--ink-faint)}.search input:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 3px var(--violet-soft)}.filters{display:flex;flex-wrap:wrap;gap:.4rem}.filters button{font:inherit;font-size:var(--step--1);padding:.4rem .85rem;border:1px solid var(--rule);border-radius:100px;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.filters button:hover{border-color:var(--violet);color:var(--violet)}.filters button[aria-pressed=true]{background:var(--violet);border-color:var(--violet);color:#fff}.notes{list-style:none;margin:0;padding:0}.note{border-bottom:1px solid var(--rule)}.note__link{display:grid;grid-template-columns:8.5rem 1fr auto;grid-template-areas:"meta body thumb";align-items:start;gap:0 2rem;padding-block:1.8rem;text-decoration:none}.note__meta{grid-area:meta}.note__body{grid-area:body}.note__thumb{grid-area:thumb;width:200px;aspect-ratio:16 / 10;overflow:hidden;border-radius:8px;background:var(--violet-soft)}.note__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.note__link:hover .note__thumb img{transform:scale(1.04)}.note__link:hover .note__title{color:var(--violet)}.note__meta{font-size:var(--step--1);color:var(--ink-faint);font-variant-numeric:tabular-nums}.note__category{display:block;color:var(--violet);margin-top:.2rem}.note__title{font-size:var(--step-1);line-height:1.4;margin:0 0 .4rem;transition:color .15s}.note__desc{margin:0;color:var(--ink-soft);font-size:17px;max-width:60ch}.note__tags{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.4rem;font-size:var(--step--1);color:var(--ink-faint)}.note__tags span:before{content:"#";opacity:.6}.empty{padding-block:4rem;text-align:center;color:var(--ink-faint)}@media(max-width:860px){.note__thumb{width:140px}.note__link{gap:0 1.25rem}}@media(max-width:640px){.note__link{grid-template-columns:1fr;grid-template-areas:"thumb" "meta" "body";gap:.75rem 0}.note__thumb{width:100%;aspect-ratio:16 / 9}.note__category{display:inline;margin-left:.75rem}}.article{padding-block:clamp(2.5rem,6vw,4rem) 3rem}.article__hero{margin:0 auto 2.5rem;max-width:880px;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;background:var(--violet-soft)}.article__hero img{width:100%;height:100%;object-fit:cover}.article__hero figcaption{font-size:var(--step--1);color:var(--ink-faint);padding-top:.6rem}.article__head{max-width:var(--measure);margin-inline:auto;margin-bottom:2.5rem}.article__meta{font-size:var(--step--1);color:var(--ink-faint);display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:1rem}.article__meta a{color:var(--violet);text-decoration:none}.article__title{font-size:var(--step-3);line-height:1.25;margin:0 0 .9rem;letter-spacing:-.01em}.article__lede{color:var(--ink-soft);margin:0}.prose{max-width:var(--measure);margin-inline:auto}.prose h2{font-size:var(--step-2);line-height:1.35;margin:2.8rem 0 .9rem;padding-top:.4rem;border-top:2px solid var(--violet);display:inline-block}.prose h3{font-size:var(--step-1);margin:2rem 0 .6rem}.prose p,.prose li{color:#2e2e2e}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin-block:.4rem}.prose blockquote{margin:1.8rem 0;padding:.4rem 0 .4rem 1.2rem;border-left:3px solid var(--violet);color:var(--ink-soft)}.prose code{background:var(--violet-soft);padding:.1em .35em;border-radius:4px;font-size:.9em}.prose pre{background:#221f38;color:#f2f1fb;padding:1.1rem 1.3rem;border-radius:8px;overflow-x:auto;font-size:var(--step--1);line-height:1.6}.prose pre code{background:none;padding:0;color:inherit}.prose img{border-radius:8px;margin-block:1.6rem}.prose hr{border:none;border-top:1px solid var(--rule);margin-block:2.5rem}.related{max-width:var(--measure);margin-inline:auto;margin-top:3rem;padding:1.3rem 1.5rem;background:var(--violet-soft);border-radius:10px}.related__label{font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--violet);margin:0 0 .4rem}.related a{font-size:var(--step-1);text-decoration:none;font-weight:600}.related__links{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.related a:hover{color:var(--violet)}.related--action{background:transparent;padding:0;margin-top:2.5rem}.cta{max-width:var(--measure);margin-inline:auto;margin-top:3.5rem;padding-top:2rem;border-top:2px solid var(--violet)}.cta h2{font-size:var(--step-2);margin:0 0 .6rem}.cta p{color:var(--ink-soft);margin:0 0 1.4rem}.cta__button{display:inline-block;background:var(--violet);color:#fff;text-decoration:none;padding:.75rem 1.6rem;border-radius:100px;font-size:var(--step--1);letter-spacing:.02em;transition:transform .15s,opacity .15s}.cta__button:hover{transform:translateY(-2px);opacity:.92}.footer{border-top:1px solid var(--rule);margin-top:5rem;padding-block:2rem 3rem;font-size:var(--step--1);color:var(--ink-faint);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer a{text-decoration:none}.footer a:hover{color:var(--violet)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}