/* ============================================================
   base.css — reset + 720 置中欄 + 桌機固定深色背景 + 品牌變數
   嶼76 UniqueIsland｜自製架構
   ============================================================ */

:root {
  /* 版型 */
  --col-width: 720px;

  /* 品牌色（取自設計稿：垂直森林綠 / s6 深藍 / 嶼76 金棕 / s5 米白） */
  --c-green-deep: #1c3326;
  --c-navy-deep: #0e1b2a;
  --c-navy: #16314a;
  --c-gold: #b59259;
  --c-gold-soft: #c9a96f;
  --c-cream: #f4efe6;
  --c-ink: #1a1f24;
  --c-white: #ffffff;

  /* 字型（UI 文字用；標題已烘焙在圖層） */
  --font-sans: "Noto Sans TC", -apple-system, BlinkMacSystemFont, "PingFang TC",
    "Microsoft JhengHei", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  color: var(--c-ink);
  background: var(--c-cream);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

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

a {
  color: inherit;
  text-decoration: none;
}

/* 桌機兩側固定全螢幕背景（720 欄置中、兩旁露出此淺色山水底圖） */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background-color: var(--c-cream);
  background-image: url("https://d10acm3j8e4ewy.cloudfront.net/EDM/s1.cheeringzu.vip/images-2026-06-09-v1/common/fullscreen-bg-v2.avif");
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

/* 內容置中欄 —— 整頁 720px，承載 6 段疊圖 + 表單 */
.page {
  width: 100%;
  max-width: var(--col-width);
  margin: 0 auto;
  position: relative;
  background: var(--c-navy-deep);
  overflow: hidden; /* 防 absolute 裝飾圖溢出欄外 */
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.45);
}

/* 螢幕閱讀器專用 */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}