:root{--fg:#1c1a17;--muted:#6f6a61;--accent:#9c2b2e;--bg:#fffdf9;--card:#f7f3ec;--line:#e7dfd2;--maxw:760px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,pingfang tc,pingfang hk,microsoft jhenghei,noto sans tc,noto sans,segoe ui,sans-serif;line-height:1.8;font-size:17px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;flex-wrap:wrap}.brand{font-size:1.25rem;font-weight:700;color:var(--fg);white-space:nowrap}.brand:hover{text-decoration:none;color:var(--accent)}.main-nav{display:flex;gap:.9rem;flex-wrap:wrap;flex:1}.main-nav a{color:var(--fg);font-size:.95rem}.main-nav a.active{color:var(--accent);font-weight:700}.lang-switch{display:flex;gap:.5rem;align-items:center;font-size:.9rem}.lang-current{font-weight:700;color:var(--fg)}.lang-link{border:1px solid var(--line);border-radius:999px;padding:.1rem .7rem;color:var(--fg)}.lang-link:hover{border-color:var(--accent);text-decoration:none}.hero{padding:2.5rem 0 1.5rem}.hero h1{font-size:2rem;margin:0 0 .5rem;letter-spacing:.05em}.lead{color:var(--muted);font-size:1.05rem;margin:0}.sections-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 0 3rem}.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.1rem 1.2rem;color:var(--fg)}.card:hover{text-decoration:none;border-color:var(--accent)}.card h2{margin:0 0 .3rem;font-size:1.15rem}.card p{margin:0 0 .6rem;color:var(--muted);font-size:.92rem}.card .count{font-size:.8rem;color:var(--muted)}.page-head{padding:2rem 0 .5rem}.page-head h1{margin:0 0 .3rem}.post-list{list-style:none;margin:1rem 0 3rem;padding:0}.post-list li{padding:.9rem 0;border-bottom:1px solid var(--line)}.post-link{font-size:1.1rem;font-weight:600;color:var(--fg)}.post-link:hover{color:var(--accent)}.post-meta{display:block;color:var(--muted);font-size:.85rem;margin-top:.2rem}.post-desc{margin:.3rem 0 0;color:var(--muted);font-size:.92rem}.sample-tag{color:var(--accent);font-weight:700;font-size:.75rem}.empty{color:var(--muted);padding:2rem 0}.post{padding:2rem 0 3rem}.post h1{margin:0 0 .4rem;font-size:1.7rem;line-height:1.4}.post .meta{color:var(--muted);font-size:.9rem;margin:0 0 1.5rem}.post figure{margin:0 0 1.5rem}.post figcaption{color:var(--muted);font-size:.82rem;margin-top:.4rem}.post .content h2{margin-top:2rem;font-size:1.3rem}.post .content blockquote{border-left:3px solid var(--accent);margin:1rem 0;padding:.2rem 1rem;color:var(--muted);background:var(--card)}.sample-badge{background:#fdf3e3;border:1px dashed var(--accent);border-radius:8px;padding:.6rem .9rem;font-size:.85rem;color:var(--accent)}.back{margin-top:2.5rem}.pagination{display:flex;gap:.5rem;list-style:none;padding:0 0 3rem;justify-content:center}.pagination a,.pagination span{padding:.2rem .7rem;border:1px solid var(--line);border-radius:6px}.pagination .active span{background:var(--accent);color:#fff;border-color:var(--accent)}.site-footer{border-top:1px solid var(--line);padding:1.5rem 0 2.5rem;color:var(--muted);font-size:.85rem}.site-footer p{margin:.2rem 0}@media(max-width:600px){body{font-size:16px}.hero h1{font-size:1.6rem}.sections-grid{grid-template-columns:1fr}.header-inner{gap:.6rem}}