:root{--bg:#fdf8f1;--paper:#fffdf9;--ink:#3a3340;--soft:#7d7388;--gold:#b07f33;--gold-soft:#f4e4c8;--lilac:#8f84b5;--lilac-soft:#efeaf6;--line:#ecdfcf;--serif:"Noto Serif TC", "Songti TC", "PMingLiU", serif;--sans:-apple-system, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--measure:40rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.9}a{color:var(--gold);text-decoration:none}a:hover{text-underline-offset:.25em;text-decoration:underline}img{max-width:100%;display:block}.wrap{width:min(100% - 2.5rem, var(--measure));margin-inline:auto}.wide{width:min(100% - 2.5rem,56rem);margin-inline:auto}.hero{background:var(--gold-soft) url(/brand/banner.jpg) center / cover;position:relative}.hero:after{content:"";background:linear-gradient(transparent, var(--bg));height:55%;position:absolute;inset:auto 0 0}.hero-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:3.5rem 0 1.25rem;display:flex;position:relative}.hero.compact .hero-inner{padding:1.5rem 0 .5rem}.avatar{border:3px solid var(--paper);border-radius:50%;width:6rem;height:6rem;box-shadow:0 8px 28px #b07f3347}.hero.compact .avatar{border-width:2px;width:3.5rem;height:3.5rem}.brand{letter-spacing:.32em;text-indent:.32em;margin:.9rem 0 0;font-size:1.9rem;font-weight:900;line-height:1.3}.brand a{color:var(--ink)}.brand a:hover{text-decoration:none}.hero.compact .brand{margin-top:.5rem;font-size:1.15rem}.brand-en{font-family:var(--sans);letter-spacing:.5em;text-indent:.5em;color:var(--gold);font-size:.72rem}.tagline{color:var(--soft);letter-spacing:.12em;margin:.9rem 0 0;font-size:1rem}.hero.compact .tagline{display:none}.nav{font-family:var(--sans);letter-spacing:.12em;justify-content:center;gap:1.75rem;padding:.25rem 0 1.25rem;font-size:.9rem;display:flex}.nav a{color:var(--soft)}.nav a[aria-current=page]{color:var(--gold)}.list{margin:1rem auto 0;padding:0;list-style:none}.card{border-top:1px solid var(--line);grid-template-columns:15rem 1fr;align-items:center;gap:1.5rem;padding:1.75rem 0;display:grid}.card:first-child{border-top:0}.card-cover{aspect-ratio:16/9;background:linear-gradient(135deg, var(--gold-soft), var(--lilac-soft));border-radius:.6rem;overflow:hidden;box-shadow:0 6px 20px #3a33401a}.card-cover img{object-fit:cover;width:100%;height:100%}.card h2{margin:.15rem 0 .35rem;font-size:1.35rem;font-weight:600;line-height:1.5}.card h2 a{color:var(--ink)}.card p{color:var(--soft);margin:0;font-size:.95rem;line-height:1.8}.meta{font-family:var(--sans);letter-spacing:.08em;color:var(--soft);font-size:.8rem}.meta .who{color:var(--lilac)}@media (width<=40rem){.card{grid-template-columns:1fr;gap:.9rem}}.article-head{text-align:center;padding:1.5rem 0 1.75rem}.chips{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.chips li{font-family:var(--sans);letter-spacing:.12em;color:var(--lilac);background:var(--lilac-soft);border-radius:99px;padding:.15rem .8rem;font-size:.75rem}.article-head h1{letter-spacing:.04em;margin:0;font-size:clamp(1.6rem,5.2vw,2.25rem);font-weight:900;line-height:1.45}.article-head .quote{color:var(--gold);max-width:30rem;margin:.9rem auto 0;font-size:1.05rem;line-height:1.8}.article-head .meta{margin-top:1.1rem}.video{aspect-ratio:16/9;background:var(--gold-soft) center / cover;border-radius:.75rem;margin:0 0 2.25rem;overflow:hidden;box-shadow:0 10px 34px #3a334024}.video iframe{border:0;width:100%;height:100%;display:block}.intro{background:var(--paper);border-left:3px solid var(--gold);border-radius:0 .6rem .6rem 0;margin:0 0 2.25rem;padding:1.1rem 1.4rem}.intro h2{font-family:var(--sans);letter-spacing:.3em;color:var(--gold);margin:0 0 .3rem;font-size:.78rem;font-weight:600}.intro p{white-space:pre-line;margin:0}.prose p{letter-spacing:.02em;text-align:justify;margin:0 0 1.5em;font-size:1.125rem;line-height:2.05}.prose p:last-child{margin-bottom:0}.ornament{text-align:center;color:var(--gold);letter-spacing:1em;text-indent:1em;margin:2.75rem 0;font-size:.8rem}.source{background:var(--paper);border:1px solid var(--line);font-family:var(--sans);color:var(--soft);border-radius:.6rem;padding:1.1rem 1.4rem;font-size:.875rem;line-height:1.9}.source dl{grid-template-columns:auto 1fr;gap:.15rem 1rem;margin:0;display:grid}.source dt{color:var(--ink)}.source dd{overflow-wrap:anywhere;margin:0}.support{text-align:center;color:var(--soft);margin:2.25rem 0 0;font-size:.98rem}.button{border:1px solid var(--gold);color:var(--gold);font-family:var(--sans);letter-spacing:.15em;border-radius:99px;margin-top:.9rem;padding:.45rem 1.6rem;font-size:.9rem;display:inline-block}.button:hover{background:var(--gold);color:var(--paper);text-decoration:none}footer.site{border-top:1px solid var(--line);text-align:center;color:var(--soft);font-family:var(--sans);letter-spacing:.1em;margin-top:4rem;padding:2rem 0 3rem;font-size:.8rem;line-height:2}.chips a{color:inherit}.chips a:hover{text-decoration:none}.pager{font-family:var(--sans);grid-template-columns:1fr 1fr;gap:1rem;margin:2.25rem 0 0;font-size:.9rem;line-height:1.6;display:grid}.pager a{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:.6rem;padding:.9rem 1.1rem}.pager a:hover{border-color:var(--gold);text-decoration:none}.pager .next{text-align:right;grid-column:2}.pager small{color:var(--gold);letter-spacing:.12em;margin-bottom:.2rem;font-size:.75rem;display:block}@media (width<=40rem){.pager{grid-template-columns:1fr}.pager .next{grid-column:1}}.topic-list{gap:.6rem;margin:1rem auto 0;padding:0;list-style:none;display:grid}.topic-list li{background:var(--paper);border:1px solid var(--line);border-radius:.6rem;justify-content:space-between;align-items:baseline;gap:1rem;padding:.85rem 1.2rem;display:flex}.topic-list a{color:var(--ink);font-size:1.05rem}.topic-list a:hover{color:var(--gold)}.topic-list .count{font-family:var(--sans);color:var(--soft);white-space:nowrap;font-size:.8rem}.page-head{text-align:center;padding:1.5rem 0 1rem}.page-head h1{letter-spacing:.2em;text-indent:.2em;margin:0;font-size:1.9rem;font-weight:900}.lead{text-align:center;color:var(--soft)}.lead p{margin:0 0 .4em}.methods{gap:1rem;margin:2.25rem 0;padding:0;list-style:none;display:grid}.method{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:.75rem;padding:1.4rem 1.5rem}.method h2{margin:0 0 .35rem;font-size:1.15rem;font-weight:600}.method p{color:var(--soft);font-family:var(--sans);margin:0;font-size:.92rem;line-height:1.9}.method img{border-radius:.5rem;width:min(100%,14rem);margin:.9rem auto 0}