:root{--paper: #f6f3ec;--paper-2: #ece6da;--ink: #2c2a26;--ink-soft: #5d5850;--muted: #958d80;--line: #d9d1c3;--accent: #a8573f;--serif: "Noto Serif TC", "Shippori Mincho", "Hiragino Mincho ProN", "PMingLiU", serif;--latin: "Cormorant Garamond", "Noto Serif TC", serif;--measure: 34rem;--wide: 56rem}:root.dark{--paper: #1d1c1a;--paper-2: #282623;--ink: #e8e3d9;--ink-soft: #bdb6a9;--muted: #857e72;--line: #3a3733;--accent: #d08a6c;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:2;letter-spacing:.06em;font-feature-settings:"palt";-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-weight:600;line-height:1.6;letter-spacing:.1em}.label{font-family:var(--latin);font-style:italic;font-size:.95rem;letter-spacing:.12em;color:var(--muted);margin:0 0 .5rem}.muted{color:var(--muted);font-size:.85rem}.site{max-width:var(--wide);margin:0 auto;padding:0 1.25rem}.tategaki{position:fixed;top:6rem;left:2.5rem;writing-mode:vertical-rl;font-size:.85rem;letter-spacing:.6em;color:var(--muted)}@media (max-width: 1080px){.tategaki{display:none}}.site-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.5rem;padding:3.5rem 0 2rem;border-bottom:1px solid var(--line)}.logo{display:flex;flex-direction:column;line-height:1.1}.logo-en{font-family:var(--latin);font-size:2.6rem;letter-spacing:.04em}.logo-sub{font-size:.72rem;letter-spacing:.3em;color:var(--muted);margin-top:.4rem;text-transform:uppercase}.site-nav{display:flex;align-items:center;gap:2rem}.site-nav a{display:flex;flex-direction:column;align-items:center;line-height:1.4;transition:color .3s}.site-nav a:hover{color:var(--accent)}.nav-en{font-family:var(--latin);font-size:1.05rem;letter-spacing:.08em}.nav-zh{font-size:.68rem;color:var(--muted);letter-spacing:.2em}.site-main{padding:4rem 0 6rem;min-height:60vh}.site-footer{border-top:1px solid var(--line);padding:2.5rem 0 3rem;font-size:.75rem;color:var(--muted);text-align:center;letter-spacing:.2em}.intro{margin:1rem 0 4.5rem}.intro-title{font-size:clamp(1.6rem,4vw,2.3rem);letter-spacing:.16em;line-height:1.9;margin:0 0 1.5rem}.intro-text{color:var(--ink-soft);font-size:.92rem;margin:0}.filters{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin-bottom:3rem}.filters button{background:none;border:0;padding:0 0 .2rem;font:inherit;font-size:.85rem;color:var(--muted);letter-spacing:.15em;cursor:pointer;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}.filters button:hover{color:var(--ink)}.filters button.active{color:var(--ink);border-color:var(--ink)}.post-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:3.5rem 2.5rem}.post-card{display:block}.post-card .cover{transition:opacity .4s}.post-card:hover .cover{opacity:.82}.post-card h2{font-size:1.05rem;margin:.3rem 0 .5rem;transition:color .3s}.post-card:hover h2{color:var(--accent)}.post-card-meta{display:flex;flex-wrap:wrap;gap:0 1rem;margin:1rem 0 0;font-size:.75rem;color:var(--muted);letter-spacing:.12em}.post-card-meta time{font-family:var(--latin);font-size:.9rem}.post-card-excerpt{margin:0 0 .5rem;font-size:.82rem;line-height:1.9;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty{color:var(--muted);text-align:center}.cover{margin:0;aspect-ratio:4 / 3;overflow:hidden;background:var(--paper-2)}.cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:3.5rem;color:var(--muted);opacity:.6}.rating{font-size:.55rem;letter-spacing:.35em;color:var(--line)}.rating .on{color:var(--accent)}.post{max-width:var(--measure);margin:0 auto}.post-header{text-align:center;margin-bottom:3rem}.post-header .post-card-meta{justify-content:center;margin:0 0 1rem}.post-title{font-size:clamp(1.4rem,3.5vw,1.9rem);margin:0}.post-cover{margin-bottom:3.5rem}.prose{font-size:.98rem}.prose p{margin:0 0 1.8em;text-align:justify}.prose h2{font-size:1.15rem;margin:3.5rem 0 1.2rem;padding-left:.9rem;border-left:2px solid var(--accent)}.prose h3{font-size:1rem;margin:2.5rem 0 1rem}.prose a{border-bottom:1px solid var(--line);transition:border-color .3s}.prose a:hover{border-color:var(--accent)}.prose img{margin:2.5rem auto}.prose blockquote{margin:2.5rem 0;padding:0 1.5rem;border-left:1px solid var(--line);color:var(--ink-soft)}.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1.8em}.prose hr{border:0;text-align:center;margin:3rem 0}.prose hr:after{content:"・ ・ ・";color:var(--muted);letter-spacing:.5em}.prose .header-anchor{display:none}.shop-card{margin:4rem 0 0;padding:1.8rem 1.6rem;background:var(--paper-2);font-size:.85rem;line-height:1.8}.shop-card div{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;padding:.35rem 0}.shop-card dt{color:var(--muted);letter-spacing:.3em}.shop-card dd{margin:0}.shop-card a{border-bottom:1px solid var(--line)}.post-nav{display:flex;justify-content:space-between;gap:2rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line);font-size:.85rem}.post-nav a{display:flex;flex-direction:column;max-width:48%;transition:color .3s}.post-nav a:hover{color:var(--accent)}.post-nav .newer{text-align:right;margin-left:auto}.post-nav .label{margin:0}.page{max-width:var(--measure);margin:0 auto}.page-title{font-size:1.5rem;margin:0 0 2.5rem;text-align:center}.area-group{margin-bottom:3rem}.area-group h2{font-size:1.05rem;border:0;padding:0 0 .6rem;margin:0 0 1rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}.area-group h2 small{font-family:var(--latin);font-weight:400;color:var(--muted);font-size:.95rem}.area-group ul{list-style:none;padding:0;margin:0}.area-group li{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.92rem}.not-found{text-align:center;padding:4rem 0}.not-found h1{font-size:1.3rem}@media (max-width: 640px){.site-header{padding-top:2.5rem}.site-nav{gap:1.4rem}.site-main{padding-top:3rem}.post-list{gap:3rem}}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;letter-spacing:0;background:var(--paper-2);padding:.1em .4em}.prose div[class*=language-]{position:relative;margin:0 0 1.8em;background:var(--paper-2)}.prose div[class*=language-] .copy,.prose div[class*=language-] .lang{display:none}.prose pre{margin:0;padding:1rem 1.2rem;overflow-x:auto;line-height:1.7}.prose pre code{background:none;padding:0}.shiki span{color:var(--shiki-light)}.dark .shiki span{color:var(--shiki-dark)}.post-map{display:block;width:100%;height:320px;border:0;margin:1.5rem 0 0}.theme-toggle{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink-soft);cursor:pointer;transition:color .3s,border-color .3s}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle svg{width:1rem;height:1rem}.theme-toggle .moon,.dark .theme-toggle .sun{display:none}.dark .theme-toggle .moon{display:block}
