:root{--paper:#FAFAF7;--ink:#26261F;--ink-soft:#5C5C52;--green:#2E5339;--green-soft:#6B7A5E;--wash:#EFF2EC;--line:#DDDDD3;--navy:#1A3A5C;--sand:#B8912C;--serif:"Noto Serif TC", "Songti TC", serif;--sans:"PingFang TC", "Microsoft JhengHei", "Noto Sans TC", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--measure:42rem;--card-shadow:0 1px 2px rgba(38,38,31,.04), 0 10px 30px rgba(38,38,31,.06);color-scheme:light}*{box-sizing:border-box}html{font-size:17px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.85;letter-spacing:.01em;-webkit-font-smoothing:antialiased}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible{outline:2px solid var(--green);outline-offset:3px}.site-head{max-width:var(--measure);margin:0 auto;padding:1.6rem 1.2rem 0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.8rem}.brand{display:flex;flex-direction:column;color:var(--ink)}.brand:hover{text-decoration:none}.brand-zh{font-family:var(--serif);font-weight:700;font-size:1.55rem;letter-spacing:.12em}.brand-en{font-family:var(--mono);font-size:.74rem;color:var(--green-soft);letter-spacing:.08em}.site-nav{display:flex;gap:1.1rem;font-size:.92rem}.site-nav a{color:var(--ink-soft)}.site-nav a[aria-current=page]{color:var(--green);border-bottom:2px solid var(--green)}main{max-width:var(--measure);margin:0 auto;padding:0 1.2rem 4rem}.hero{padding:4.5rem 0 2.5rem}.hero-line{font-family:var(--serif);font-weight:700;font-size:clamp(2.4rem,7vw,3.6rem);line-height:1.35;letter-spacing:.06em;margin:0 0 1.2rem}.hero-sub{color:var(--ink-soft);font-size:1.02rem;max-width:32em;margin:0}.list-title{font-family:var(--serif);font-size:1.05rem;letter-spacing:.2em;color:var(--green-soft);font-weight:600;margin:3rem 0 1rem}.post-item{padding:1.1rem 0;border-bottom:1px solid var(--line)}.post-item time{font-family:var(--mono);font-size:.75rem;color:var(--green-soft);letter-spacing:.05em}.post-item h3{margin:.15rem 0 .3rem;font-size:1.12rem;line-height:1.6}.post-item h3 a{color:var(--ink)}.post-item h3 a:hover{color:var(--green)}.post-desc{margin:0 0 .3rem;font-size:.9rem;color:var(--ink-soft)}.post-tags{margin:.2rem 0 0}.tag{display:inline-block;font-size:.76rem;color:var(--green-soft);background:var(--wash);border-radius:3px;padding:.05rem .5rem;margin-right:.4rem}.tag:hover{color:var(--green);text-decoration:none}.more{margin-top:1.2rem;font-size:.9rem}.intro-grid{list-style:none;padding:0;margin:0}.intro-grid li{padding:.5rem 0;border-bottom:1px dashed var(--line);font-size:.95rem}.section-head{padding-top:3rem}.section-head h1{font-family:var(--serif);font-size:1.9rem;letter-spacing:.08em;margin:0 0 .8rem}.section-intro{color:var(--ink-soft);font-size:.95rem;max-width:34em}.section-intro p{margin:.4rem 0}.post-head{padding-top:3rem}.crumb{font-size:.8rem;margin:0 0 .6rem}.crumb a{color:var(--green-soft)}.post-head h1{font-family:var(--serif);font-size:clamp(1.6rem,4.5vw,2.1rem);line-height:1.55;letter-spacing:.04em;margin:0 0 .6rem}.post-head-image{width:100%;aspect-ratio:3/2;margin-top:1.35rem;overflow:hidden;border-radius:7px;background:var(--wash);box-shadow:var(--card-shadow)}.post-head-image img{display:block;width:100%;height:100%;object-fit:cover}.post-head-copy{min-width:0}.post-meta{font-size:.82rem;color:var(--ink-soft)}.post-body{margin-top:2rem}.post-body h2{font-family:var(--serif);font-size:1.3rem;letter-spacing:.06em;margin:2.4rem 0 .8rem;padding-left:.7rem;border-left:3px solid var(--green)}.post-body h3{font-size:1.05rem;margin:1.8rem 0 .6rem}.post-body blockquote{margin:1.4rem 0;padding:.2rem 1.2rem;border-left:3px solid var(--line);color:var(--ink-soft);font-family:var(--serif)}.post-body img{max-width:100%;height:auto;border-radius:4px}.post-body hr{border:0;border-top:1px solid var(--line);margin:2.2rem 0}.post-foot{margin-top:2.5rem}.post-body .green,.post-body .yellow,.post-body .red{background-image:linear-gradient(transparent 62%,var(--hl) 62%);padding:0 .05em;font-weight:500}.post-body .green{--hl:rgba(46, 83, 57, 0.22)}.post-body .yellow{--hl:rgba(184, 145, 44, 0.30)}.post-body .red{--hl:rgba(176, 58, 46, 0.24)}.claim{font-family:var(--serif);font-size:1.15rem;line-height:1.7;color:var(--ink);border-left:3px solid var(--green);padding:.2rem 0 .2rem 1rem;margin:1.6rem 0}.lede{font-size:1.08rem;color:var(--ink-soft);margin:0 0 1.6rem}.pick-list{list-style:none;counter-reset:pick;padding:0;margin:1.5rem 0}.pick-list li{counter-increment:pick;position:relative;padding:.9rem 0 .9rem 2.6rem;border-bottom:1px solid var(--line)}.pick-list li::before{content:counter(pick,decimal-leading-zero);position:absolute;left:0;top:.95rem;font-family:var(--mono);font-size:.85rem;color:var(--green-soft)}.pick-list a{color:var(--ink);font-weight:500}.pick-list a:hover{color:var(--green)}.pick-list .pick-why{display:block;font-size:.85rem;color:var(--ink-soft);margin-top:.2rem}.video-wrap{position:relative;aspect-ratio:16/9;margin:1.6rem 0;background:var(--wash);border-radius:4px;overflow:hidden}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.subscribe-box{margin-top:3rem;padding:1.4rem 1.5rem;background:var(--wash);border-radius:6px;font-size:.92rem}.subscribe-box p{margin:.3rem 0}.btn{display:inline-block;margin-top:.4rem;padding:.45rem 1.3rem;background:var(--green);color:var(--paper);border-radius:4px;font-size:.9rem;letter-spacing:.1em}.btn:hover{text-decoration:none;opacity:.92}.term-cloud{list-style:none;padding:1.5rem 0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem}.term-cloud .tag{font-size:.9rem;padding:.3rem .9rem}.term-count{color:var(--line);font-family:var(--mono);font-size:.75rem}body.archive-wide main{max-width:min(58rem,94vw)}.archive{margin-top:1.4rem}.archive-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1.5rem;align-items:start;margin:0;padding:1.5rem 0;border-bottom:1px solid var(--line)}.archive-thumb{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:5px;background:var(--wash);box-shadow:var(--card-shadow)}.archive-thumb img{display:block;width:100%;height:100%;object-fit:cover}.archive-thumb-fallback{display:grid;place-items:center;width:100%;height:100%;padding:.7rem;background:linear-gradient(145deg,var(--wash),color-mix(in srgb,var(--green) 8%,var(--paper)))}.archive-thumb-fallback span{color:var(--green-soft);font-family:var(--serif);font-size:.82rem;letter-spacing:.12em;text-align:center}.archive-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.archive-row time{font-family:var(--mono);font-size:.75rem;color:var(--green-soft)}.archive-row .archive-sec{font-size:.75rem;color:var(--green-soft)}.archive-row .archive-sec:hover{color:var(--green)}.archive-info h2{margin:.18rem 0 .35rem;font-size:1.18rem;line-height:1.55}.archive-info h2 a{color:var(--ink)}.archive-info h2 a:hover{color:var(--green)}.archive-info>p{margin:0;color:var(--ink-soft);font-size:.86rem;line-height:1.7}.site-foot{max-width:var(--measure);margin:0 auto;padding:2rem 1.2rem 3rem;border-top:1px solid var(--ink)}.foot-tagline{font-family:var(--serif);letter-spacing:.15em;font-weight:600}.foot-nav{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;margin:.6rem 0 1rem}.foot-nav a{color:var(--ink-soft)}.foot-meta{font-size:.75rem;color:var(--green-soft);font-family:var(--mono)}@media(max-width:540px){.site-nav{gap:.8rem;font-size:.85rem}.archive-row{grid-template-columns:100px minmax(0,1fr);gap:1rem;padding:1.1rem 0}.archive-info h2{font-size:1.02rem}.archive-info>p{display:none}.post-head-image{margin-top:1rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body{background-image:radial-gradient(1200px 600px at 100% -5%,color-mix(in srgb,var(--green) 6%,transparent),transparent 60%),radial-gradient(900px 500px at -10% 0%,color-mix(in srgb,var(--sand) 5%,transparent),transparent 55%);background-attachment:fixed}body::before{content:"";position:fixed;inset:0 0 auto 0;height:3px;z-index:100;background:linear-gradient(90deg,var(--navy),var(--green) 55%,var(--sand))}.site-nav{align-items:center}.site-tools{display:inline-flex;gap:.3rem;margin-left:.3rem}.tool-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:8px;cursor:pointer;transition:color .16s,border-color .16s,background .16s,transform .16s}.tool-btn:hover{color:var(--green);border-color:var(--green);transform:translateY(-1px)}.tool-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}.search-modal{position:fixed;inset:0;z-index:200;background:color-mix(in srgb,var(--ink) 40%,transparent);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 1rem 2rem}.search-modal[hidden]{display:none}.search-panel{width:min(38rem,100%);background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--card-shadow);overflow:hidden}.search-bar{display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;border-bottom:1px solid var(--line);color:var(--ink-soft)}.search-bar input{flex:1;border:0;background:0 0;color:var(--ink);font-family:var(--sans);font-size:1.05rem;outline:none}.search-close{font-family:var(--mono);font-size:.7rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:5px;padding:.15rem .45rem;background:var(--wash);cursor:pointer}.search-results{max-height:60vh;overflow-y:auto}.search-hint{padding:1.4rem 1.2rem;margin:0;color:var(--ink-soft);font-size:.9rem}.search-hit{display:grid;grid-template-columns:1fr auto;gap:.1rem .8rem;padding:.8rem 1.2rem;border-bottom:1px solid var(--line);color:var(--ink)}.search-hit:hover{background:var(--wash);text-decoration:none}.search-hit-title{font-weight:600;font-size:.98rem}.search-hit-sec{font-size:.72rem;color:var(--green-soft);font-family:var(--mono);align-self:center}.search-hit-desc{grid-column:1/-1;font-size:.82rem;color:var(--ink-soft)}.fb-block{margin-top:3rem;padding-top:1.6rem;border-top:1px dashed var(--line)}.fb-label{font-size:.8rem;letter-spacing:.14em;color:var(--green-soft);margin:0 0 .9rem}.fb-block .fb-post{max-width:100%}.fb-fallback{margin:.9rem 0 0;font-size:.88rem}.post-body .toc{background:var(--wash);border:1px solid var(--line);border-radius:8px;padding:.7rem 1.1rem;margin:1.6rem 0;font-size:.92rem}.post-body .toc>summary{cursor:pointer;font-family:var(--serif);color:var(--green);letter-spacing:.06em}.post-body .toc nav ul{margin:.6rem 0 .2rem;padding-left:1.1rem}.post-body .toc nav li{margin:.2rem 0}.post-body .toc a{color:var(--ink-soft)}.post-body .toc a:hover{color:var(--green)}.hero-line::after{content:"";display:block;width:3rem;height:3px;margin-top:1.2rem;background:linear-gradient(90deg,var(--green),var(--sand));border-radius:2px}.list-title{display:flex;align-items:center;gap:.6rem}.list-title::before{content:"";width:.55rem;height:.55rem;background:var(--green);border-radius:2px;transform:rotate(45deg)}.post-item{position:relative;padding-left:.9rem;transition:background .16s;border-radius:6px}.post-item::before{content:"";position:absolute;left:0;top:.9rem;bottom:.9rem;width:3px;background:var(--green);border-radius:2px;opacity:0;transition:opacity .16s}.post-item:hover{background:var(--wash)}.post-item:hover::before{opacity:1}.intro-grid li{transition:padding-left .16s}.intro-grid li:hover{padding-left:.5rem}.btn{box-shadow:0 6px 16px color-mix(in srgb,var(--green) 30%,transparent);transition:transform .16s,box-shadow .16s,opacity .16s}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px color-mix(in srgb,var(--green) 36%,transparent)}.claim{background:linear-gradient(90deg,color-mix(in srgb,var(--green) 6%,transparent),transparent);border-radius:0 6px 6px 0}.subscribe-box{border:1px solid var(--line);box-shadow:var(--card-shadow)}.log-stream{margin-top:1.5rem}.log-entry{padding:1.1rem 0;border-bottom:1px solid var(--line)}.log-entry>time{font-family:var(--mono);font-size:.75rem;color:var(--green-soft);letter-spacing:.05em}.log-entry h3{margin:.2rem 0 .35rem;font-size:1.1rem;line-height:1.6}.log-entry h3 a{color:var(--ink)}.log-entry h3 a:hover{color:var(--green)}.log-entry.is-murmur{position:relative;padding-left:1.1rem;border-left:3px solid var(--sand);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--sand) 4%,transparent);border-radius:0 6px 6px 0;margin:.4rem 0}.murmur-body{margin:.35rem 0 .2rem;color:var(--ink);line-height:1.85}.murmur-link{margin:.4rem 0 0;font-size:.85rem}.book-list{margin-top:1.5rem}.book-item{display:grid;grid-template-columns:150px 1fr;gap:1.7rem;padding:1.7rem 0;border-bottom:1px solid var(--line);align-items:start}.book-cover{display:block;aspect-ratio:3/4;border-radius:5px;overflow:hidden;background:var(--wash);box-shadow:var(--card-shadow);transition:transform .16s}.book-cover img{width:100%;height:100%;object-fit:cover;display:block}.book-cover-fallback{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--serif);color:var(--green-soft);font-size:.85rem;padding:.4rem;text-align:center}.book-item:hover .book-cover{transform:translateY(-2px)}.book-meta>time{font-family:var(--mono);font-size:.75rem;color:var(--green-soft)}.book-meta h3{margin:.2rem 0 .5rem;font-size:1.25rem;line-height:1.5}.book-meta h3 a{color:var(--ink)}.book-meta h3 a:hover{color:var(--green)}.log-entry.has-img{display:grid;grid-template-columns:170px 1fr;gap:1.5rem;align-items:start;padding:1.5rem 0}.log-thumb{display:block;aspect-ratio:4/3;border-radius:5px;overflow:hidden;background:var(--wash);box-shadow:var(--card-shadow)}.log-thumb img{width:100%;height:100%;object-fit:cover;display:block}.home-philosophy{margin-top:3.6rem}.home-philosophy .claim{border-left-color:var(--sand);background:linear-gradient(135deg,var(--wash),color-mix(in srgb,var(--sand) 7%,var(--paper)))}body.has-toc main{max-width:min(60rem,94vw)}body.has-toc .post-layout{display:grid;grid-template-columns:minmax(0,42rem)1fr;gap:2.6rem;align-items:start}.post-toc{position:sticky;top:1.5rem;align-self:start}.post-toc-inner{max-height:calc(100vh - 3rem);overflow-y:auto;overscroll-behavior:contain}.post-toc-title{font-family:var(--serif);color:var(--green-soft);letter-spacing:.1em;font-size:.8rem;margin:0 0 .6rem}.post-toc nav ul{list-style:none;margin:0;padding:0}.post-toc nav ul ul{padding-left:.85rem}.post-toc nav a{display:block;color:var(--ink-soft);line-height:1.5;padding:.25rem 0 .25rem .8rem;border-left:2px solid var(--line)}.post-toc nav a:hover{color:var(--green);text-decoration:none;border-left-color:var(--green-soft)}.post-toc nav a.active{color:var(--green);border-left-color:var(--green);font-weight:500}@media(min-width:901px){body.has-toc .post-body .toc{display:none}}@media(max-width:900px){body.has-toc main{max-width:var(--measure)}body.has-toc .post-layout{display:block}.post-toc{display:none}.book-item{grid-template-columns:112px 1fr;gap:1.1rem}.log-entry.has-img{grid-template-columns:125px 1fr;gap:1.1rem}}@media(max-width:520px){.book-item{grid-template-columns:100px 1fr;gap:1rem}.book-meta h3{font-size:1.08rem}.log-entry.has-img{grid-template-columns:112px 1fr;gap:1rem}}@media(max-width:640px){main{width:100%;max-width:100%;padding-inline:1rem;overflow-x:hidden}img{max-width:100%}.post-head{padding-top:2rem}.post-head-image{width:min(100%,280px);height:clamp(140px,45vw,170px);aspect-ratio:auto;margin:1rem auto 0}.post-head-image img{width:100%;height:100%;object-fit:cover}body.archive-wide main{width:100%;max-width:100%}.archive-row{grid-template-columns:92px minmax(0,1fr);gap:.85rem;padding:1rem 0}.archive-thumb{width:92px;height:69px;aspect-ratio:auto}.archive-meta{gap:.5rem}.archive-info h2{margin-top:.12rem;font-size:1rem;line-height:1.45}.archive-info>p{display:none}.book-item{grid-template-columns:88px minmax(0,1fr);gap:.9rem;padding:1.2rem 0}.book-cover{width:88px}.log-entry.has-img{grid-template-columns:96px minmax(0,1fr);gap:.9rem}.log-thumb{width:96px;height:72px;aspect-ratio:auto}}