:root{--color-bg: #ffffff;--color-fg: #1a1f2c;--color-muted: #5a6478;--color-accent: #b3122d;--color-accent-dark: #8a0e22;--color-border: #e6e8ee;--color-card: #f7f8fb;--max-width: 1080px;--radius: 10px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--color-fg);background:var(--color-bg);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.25;color:var(--color-fg)}h1{font-size:clamp(1.85rem,3vw,2.6rem);margin:0 0 .5rem}h2{font-size:clamp(1.4rem,2.2vw,1.85rem);margin:2.5rem 0 .75rem}h3{font-size:1.15rem;margin:1.5rem 0 .5rem}p{margin:0 0 1rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}main{padding:2.5rem 0 4rem;min-height:60vh}.site-header{border-bottom:1px solid var(--color-border);background:#fff;position:sticky;top:0;z-index:20}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.85rem;padding-bottom:.85rem}.brand{display:flex;align-items:center;gap:.65rem;color:var(--color-fg);font-weight:700;font-size:1.05rem}.brand:hover{text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}nav.primary{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}nav.primary a{color:var(--color-fg);padding:.4rem .75rem;border-radius:6px;font-size:.95rem}nav.primary a[aria-current=page]{background:var(--color-card);color:var(--color-accent)}nav.primary a:hover{background:var(--color-card);text-decoration:none}.lang-switch{margin-left:.5rem;padding:.35rem .7rem;border:1px solid var(--color-border);border-radius:999px;font-size:.85rem;color:var(--color-muted)}.lang-switch:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.hero{background:linear-gradient(135deg,#fff,#fef3f4);border-bottom:1px solid var(--color-border);padding:4rem 0 3rem}.hero h1{font-size:clamp(2rem,4vw,3rem)}.hero .subtitle{color:var(--color-muted);font-size:1.1rem;max-width:680px}.hero .cta{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background:var(--color-accent);color:#fff;border-radius:var(--radius);font-weight:600}.hero .cta:hover{background:var(--color-accent-dark);text-decoration:none}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem 1.5rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-board{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.member-card{display:flex;flex-direction:column;align-items:flex-start}.member-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:center top;margin-bottom:.85rem;border:3px solid #fff;box-shadow:0 2px 10px #1a1f2c1f;background:var(--color-border)}.member-name{font-weight:700;margin:0}.member-role{color:var(--color-accent);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;margin:.1rem 0 .6rem}.member-bio{font-size:.95rem;color:var(--color-muted);margin:0 0 .75rem}.member-bio:last-child{margin-bottom:0}.past-board{margin-top:1.75rem}.past-board h3{margin-bottom:.5rem}.past-board-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;font-size:.95rem}.past-board-table th,.past-board-table td{text-align:left;padding:.55rem .85rem;border-bottom:1px solid var(--color-border)}.past-board-table thead th{background:var(--color-card);font-weight:700;color:var(--color-fg);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.past-board-table tbody tr:last-child td{border-bottom:none}.past-board-table tbody tr:hover{background:var(--color-card)}.donation-method{border-left:3px solid var(--color-accent)}.donation-method h3{margin-top:0}.muted{color:var(--color-muted);font-size:.9rem}.site-footer{border-top:1px solid var(--color-border);background:#fafbfd;padding:2rem 0;color:var(--color-muted);font-size:.9rem}.site-footer .container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.site-footer a{color:var(--color-muted)}.site-footer a:hover{color:var(--color-accent)}@media(max-width:640px){.site-header .container{flex-direction:column;align-items:flex-start}nav.primary{width:100%;overflow-x:auto}.hero{padding:2.5rem 0 2rem}}
