:root { --fg:#1a1a1a; --bg:#fafafa; --accent:#0a7d4f; --muted:#777; --card:#fff; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,"Noto Sans JP","Noto Sans TC",sans-serif; color:var(--fg); background:var(--bg); line-height:1.7; }
main { max-width:760px; margin:0 auto; padding:16px; }
.site-header { display:flex; justify-content:space-between; align-items:center; padding:10px 16px; background:var(--accent); }
.site-header .logo { color:#fff; font-weight:700; text-decoration:none; }
.lang-switch button { margin-left:6px; padding:4px 10px; border:1px solid #fff; background:transparent; color:#fff; border-radius:4px; cursor:pointer; }
.site-footer { text-align:center; padding:24px; color:var(--muted); font-size:13px; }
.thread-item { display:block; background:var(--card); border:1px solid #e5e5e5; border-radius:8px; padding:12px 16px; margin:10px 0; text-decoration:none; color:inherit; }
.thread-item h2 { margin:0 0 4px; font-size:16px; }
.thread-meta, .post-meta { color:var(--muted); font-size:12px; }
.post { background:var(--card); border:1px solid #e5e5e5; border-radius:8px; padding:12px 16px; margin:10px 0; }
.post-body { white-space:pre-wrap; word-break:break-word; }
.pagination { text-align:center; margin:20px 0; }
.lang-switch .header-link { color:#fff; margin-right:10px; font-size:13px; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.5); }
.new-thread-btn { display:inline-block; background:var(--accent); color:#fff; padding:8px 16px; border-radius:6px; text-decoration:none; margin:8px 0; }