:root{--ink:#343b32;--paper:#fcfaf5;--soft:#f2f0e8;--green:#365949;--muted:#686d64;--line:#dcdacf;--rust:#9a4b31;--serif:'Noto Serif TC','Songti TC',serif;--sans:'Noto Sans TC',sans-serif;--hand:'LXGW WenKai TC','BiauKai','KaiTi',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.85}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.skip{position:absolute;top:-70px}.skip:focus{top:8px;left:8px;background:white;padding:10px;z-index:5}.masthead{max-width:1180px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font:700 24px var(--serif);letter-spacing:.1em;text-decoration:none}.brand span{display:block;font:9px var(--sans);letter-spacing:.23em;margin-top:9px}.masthead nav{display:flex;gap:28px;font-size:13px}.masthead nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.masthead nav [aria-current]{color:var(--rust)}main{max-width:1180px;margin:auto;padding:0 40px}.blog-hero{max-width:760px;padding:90px 0 75px}.kicker{font-size:11px;letter-spacing:.18em;color:var(--rust);margin:0 0 25px}.blog-hero h1{font:500 clamp(38px,5vw,64px)/1.5 var(--serif);letter-spacing:.01em;margin:0 0 25px}.blog-hero h1 em{display:block;color:var(--green);font-style:normal}.blog-hero>p:not(.kicker){max-width:630px;color:var(--muted);font-size:17px;line-height:2;margin-bottom:25px}.blog-hero>a{font-size:14px;font-weight:600}.shelf{padding:70px 0 20px}.shelf>header{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.shelf>header>p{max-width:430px;color:var(--muted);font-size:14px;margin:0 0 5px}.handwritten{font-family:var(--hand);font-weight:400;letter-spacing:.035em;color:var(--rust)}.shelf .handwritten{font-size:20px;margin:0 0 5px}.shelf h2{font:500 34px var(--serif);margin:0}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.article-card{border-top:1px solid var(--ink);padding-top:13px}.card-image{display:block;aspect-ratio:16/10;background:var(--soft);overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.card-image:hover img{transform:scale(1.015)}.card-copy{padding:17px 2px 12px}.card-meta{display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:11px;letter-spacing:.06em}.card-meta [data-status]{color:var(--rust);font-weight:700}.article-card[data-state=open] .card-meta [data-status]{color:var(--green)}.card-copy h3{font:500 clamp(23px,2.7vw,31px)/1.65 var(--serif);margin:14px 0 12px}.card-copy h3 a{text-decoration:none}.card-copy>p{color:var(--muted);font-size:15px;margin:0 0 20px}.card-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.card-actions a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;gap:8px}.card-actions .buy{background:var(--green);color:white;padding:7px 16px;text-decoration:none;border-radius:2px}.empty{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:14px}.shelf-archive{padding-bottom:80px}footer{border-top:1px solid var(--line);max-width:1180px;margin:50px auto 0;padding:42px 40px 65px}footer>.handwritten{font-size:25px;color:var(--green)}footer>div{display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:12px}
.article-filters{display:flex;align-items:center;gap:24px;padding:23px 0 5px;border-bottom:1px solid var(--line)}.filter-scroll{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding:2px}.filter-scroll::-webkit-scrollbar{display:none}.filter-scroll button{appearance:none;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);min-height:44px;padding:8px 18px;font:600 13px var(--sans);white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.filter-scroll button:hover{border-color:var(--green)}.filter-scroll button:focus-visible{outline:3px solid var(--rust);outline-offset:3px}.filter-scroll button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:white}.filter-empty{margin:34px 0 0;padding:24px;border:1px solid var(--line);color:var(--muted);text-align:center}.article-grid>.article-card:nth-child(odd):last-child:not(:only-child){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px}.article-grid>.article-card:nth-child(odd):last-child:not(:only-child) .card-copy{align-self:center;padding-right:8%}.article-grid.is-filtered>.article-card{grid-column:auto!important;display:block!important}.article-grid.is-filtered>.article-card[hidden]{display:none!important}.article-grid.is-filtered>.article-card .card-copy{padding-right:2px!important}
@media(max-width:700px){.masthead{padding:19px 22px}.brand{font-size:20px}.masthead nav{gap:16px}.masthead nav a{font-size:12px}main{padding:0 22px}.blog-hero{padding:55px 0 50px}.blog-hero h1{font-size:38px;line-height:1.58}.blog-hero>p:not(.kicker){font-size:16px}.article-filters{display:block;padding-top:18px}.filter-scroll{margin-right:-22px;padding-right:22px}.filter-scroll button{padding-inline:16px}.shelf{padding-top:52px}.shelf>header{display:block;margin-bottom:23px}.shelf>header>p{margin-top:14px;font-size:13px}.shelf h2{font-size:30px}.article-grid{grid-template-columns:1fr;gap:42px}.article-grid>.article-card:nth-child(odd):last-child:not(:only-child){grid-column:auto;display:block}.article-grid>.article-card:nth-child(odd):last-child:not(:only-child) .card-copy{padding-right:2px}.card-copy h3{font-size:26px}.card-meta{font-size:10px}footer{margin-top:25px;padding:35px 22px 50px}footer>div{display:grid}}
@media(max-width:370px){.masthead nav a:first-child{display:none}.blog-hero h1{font-size:34px}.card-actions{display:grid;gap:3px}.card-actions a{width:max-content}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{display:block;width:176px;line-height:1}.brand img{display:block;width:100%;height:auto}.brand small{display:block;margin-top:4px;font:9px var(--sans);letter-spacing:.22em;color:var(--muted)}.card-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%}.card-actions .read{justify-self:start;line-height:1.55}.card-actions .buy{justify-self:end;min-width:max-content;min-height:44px;padding:5px 13px;font-size:12px}@media(max-width:700px){.brand{width:155px}.brand small{font-size:8px}.card-actions{gap:10px}.card-actions .buy{padding-inline:11px}}
.blog-hero .seo-subject{display:block;margin-bottom:18px;color:var(--rust);font:600 12px/1.8 var(--sans);letter-spacing:.14em}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-image img{transition:none}}