/* 內容頁（關於／玩法／禮儀／隱私權／使用條款）共用樣式。
   遊戲本體的樣式在 index.html 裡，兩邊互不影響。 */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #0b0b0e;
  color: #d8d5cc;
  font-family: "Noto Sans TC", "PingFang TC", system-ui, sans-serif;
  line-height: 1.9;
  font-size: 16px;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 24px 96px; }
a { color: #f5c542; }
h1 { color: #f2f0e8; font-size: 30px; margin: 0 0 8px; line-height: 1.4; }
h2 { color: #f2f0e8; font-size: 20px; margin: 40px 0 10px; }
h3 { color: #f2f0e8; font-size: 17px; margin: 28px 0 6px; }
.meta { color: #8a8792; font-size: 14px; margin: 0 0 40px; }
ul, ol { padding-left: 22px; }
li { margin: 6px 0; }
table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 15px; }
th, td { border: 1px solid #2a2a33; padding: 10px; text-align: left; vertical-align: top; }
th { background: #14141a; color: #f2f0e8; }
.fill { background: #3a2f10; color: #f5c542; padding: 1px 7px; border-radius: 3px; white-space: nowrap; }
.note { background: #14141a; border-left: 3px solid #f5c542; padding: 14px 18px; margin: 24px 0; font-size: 15px; }
nav.top { margin-bottom: 32px; font-size: 15px; }
nav.top a { margin-right: 18px; display: inline-block; }
footer { margin-top: 64px; padding-top: 24px; border-top: 1px solid #2a2a33; color: #8a8792; font-size: 14px; }

/* 導回遊戲的行動呼籲按鈕 */
.cta {
  display: inline-block;
  margin: 20px 0 8px;
  padding: 12px 26px;
  background: #f5c542;
  color: #14141a;
  font-weight: 700;
  text-decoration: none;
  border-radius: 4px;
}
.cta:hover, .cta:focus { background: #ffd75e; }