/* 管家小遊戲網站共用樣式。配色取自 App 圖示：管家西裝的深藍墨色、背景亮藍、閃光黃。 */
:root {
  --ink: #13213a;
  --ink-soft: #46546b;
  --muted: #5d6a7e;
  --ground: #f7f8fb;
  --surface: #ffffff;
  --line: #e1e6ef;
  --blue: #1668e3;
  --blue-deep: #0d4fb8;
  --blue-tint: #e7f0fe;
  --yellow: #ffc83d;
  --yellow-ink: #6b4a00;
  --radius: 20px;
  --display: "Huninn", "Noto Sans TC", "PingFang TC", system-ui, sans-serif;
  --body: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  margin: 0;
  background: var(--ground);
  color: var(--ink);
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--blue-deep); text-underline-offset: 3px; }
a:hover { color: var(--blue); }
a:focus-visible, button:focus-visible {
  outline: 3px solid var(--yellow);
  outline-offset: 3px;
  border-radius: 6px;
}

.wrap { max-width: 1080px; margin: 0 auto; padding-inline: 20px; }

h1, h2, h3 {
  font-family: var(--display);
  font-weight: 400;
  line-height: 1.3;
  text-wrap: balance;
  margin: 0;
}

.eyebrow {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: var(--blue-deep);
}

/* ---- 頁首 ---- */
.site-header { padding-block: 18px; }
.site-header .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.brand {
  display: flex; align-items: center; gap: 10px;
  color: var(--ink); text-decoration: none;
  font-family: var(--display); font-size: 20px;
}
.brand img { width: 40px; height: 40px; border-radius: 11px; }
.site-nav { display: flex; gap: 6px; flex-wrap: wrap; }
.site-nav a {
  padding: 8px 12px; border-radius: 999px;
  color: var(--ink-soft); text-decoration: none; font-size: 15px;
}
.site-nav a:hover { background: var(--blue-tint); color: var(--blue-deep); }

/* ---- 頁尾 ---- */
.site-footer {
  margin-top: 72px;
  padding-block: 28px 40px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 14px;
}
.site-footer .wrap { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; }
.site-footer nav { display: flex; gap: 18px; flex-wrap: wrap; }
.site-footer a { color: var(--ink-soft); }

/* 送審前必須換掉的佔位文字：刻意醒目 */
.placeholder {
  background: #fff1c2;
  color: #7a4b00;
  padding: 1px 6px;
  border-radius: 6px;
  font-weight: 700;
}