:root{ --bg:#f6f8fb; --card:#fff; --accent:#4d79ff; --muted:#667085; --table-border:#e1e8f0; }
*{box-sizing:border-box}
body{font-family: "Noto Sans TC", "Segoe UI", Arial, sans-serif; margin:0; background:var(--bg); color:#102a43; padding:24px;}
header{ text-align:center; margin-bottom:16px; }
header h1{ margin:0; color:var(--accent); }
.subtitle{ color:var(--muted); margin-top:6px; }
.container{ max-width:1100px; margin:0 auto; display:grid; gap:20px; }
.card{ background:var(--card); padding:18px; border-radius:12px; box-shadow:0 6px 18px rgba(24,39,75,0.06); }
.table-wrap{ overflow:auto; }
.multi-lang{ width:100%; border-collapse:collapse; }
.multi-lang thead th{ text-align:left; padding:12px; background:linear-gradient(90deg, rgba(77,121,255,0.06), rgba(255,159,67,0.03)); border-bottom:1px solid var(--table-border); }
.multi-lang td{ padding:12px; border-bottom:1px solid var(--table-border); vertical-align:middle; }
.speakable{ cursor:pointer; color:var(--accent); display:inline-block; padding:4px 6px; border-radius:6px; }
.speakable.small{ font-size:13px; font-weight:500; color:#333; background:transparent; }
.speakable:focus{ outline:2px solid rgba(77,121,255,0.12); }
.speakable:hover{ background:rgba(77,121,255,0.06); }
.site-footer{ text-align:center; color:var(--muted); margin-top:18px; }