:root { --ink: #3b3346; --paper: #fbf4f7; --dim: #9a8fa3; --accent: #a0569a; --card: #ffffff; --line: #eadde6; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.75 system-ui, -apple-system, "Segoe UI", "Noto Sans TC", "Noto Sans JP", "Noto Sans KR", sans-serif; }
section { max-width: 760px; margin: 0 auto; padding: 24px 18px 48px; }
.langs { position: sticky; top: 0; z-index: 2; display: flex; gap: 6px; justify-content: flex-end; padding: 10px 16px; background: rgba(251, 244, 247, .94); border-bottom: 1px solid var(--line); }
.langs button { border: 1.5px solid #c9b6cf; color: var(--ink); background: var(--card); border-radius: 999px; padding: 2px 12px; font: inherit; font-size: 13px; cursor: pointer; }
.langs button.on { background: linear-gradient(135deg, #f0a6c4, #b7a3e8); border-color: transparent; color: #fff; }
.top .back { font-size: 14px; color: var(--dim); text-decoration: none; }
h1 { font-size: 30px; line-height: 1.3; margin: 14px 0 2px; letter-spacing: .04em; }
h2 { font-size: 19px; margin: 28px 0 6px; padding-top: 10px; border-top: 1px dashed var(--line); }
h3 { font-size: 16px; margin: 18px 0 2px; }
.upd { color: var(--dim); font-size: 13px; margin: 0 0 18px; }
.lead { font-size: 17px; }
.big { font-size: 22px; font-weight: 700; }
.note { font-size: 13.5px; color: #6c6274; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 10px 14px; }
a { color: var(--accent); }
table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 14.5px; background: var(--card); border-radius: 14px; overflow: hidden; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
th { background: #f5e8f0; }
td:first-child { font-weight: 700; white-space: nowrap; }
footer { margin-top: 40px; padding-top: 16px; border-top: 1.5px solid #d9c6d6; font-size: 13.5px; color: #6c6274; }
footer nav a { color: inherit; }
footer nav a.on { font-weight: 700; color: var(--ink); text-decoration: none; }
@media (max-width: 560px) { h1 { font-size: 25px; } td:first-child { white-space: normal; } table { font-size: 13.5px; } }
