/* 帳號網站共用樣式：配色與字體跟遊戲一致（見 src/ui/ui.css） */
:root {
    color-scheme: dark;
    --bg:#07080a; --steel:#1b1f25; --steel2:#252a31; --line:#3a4049;
    --fg:#eef1f5; --dim:#8f96a3; --acc:#4fc3ff; --gold:#ffcf4a; --warn:#ff8a7a; --ok:#5be07a;
    --font:"Noto Sans TC","PingFang TC","Helvetica Neue",Arial,sans-serif;
    --display:"Russo One","Noto Sans TC",sans-serif;
  }
  * { box-sizing:border-box; }
  html,body { margin:0; }
  body {
    min-height:100vh; background:var(--bg); color:var(--fg); font:16px/1.75 var(--font);
    padding:0 16px 64px;
    /* 場地燈光感：上方一圈冷光，往下漸暗 */
    background-image:radial-gradient(120% 60% at 50% -10%, #16202b 0%, #0b0e12 45%, #07080a 100%);
  }
  main { max-width:660px; margin:0 auto; }

  header { padding:40px 0 28px; text-align:center; }
  header img { width:min(420px,78%); height:auto; filter:drop-shadow(0 6px 24px #000a); }
  header p { margin:10px 0 0; font-family:var(--display); font-size:13px; letter-spacing:.32em; color:var(--gold); }

  h2 { font-size:19px; font-weight:900; letter-spacing:.06em; margin:0 0 10px; display:flex; align-items:center; gap:10px; }
  h2::before { content:""; width:4px; height:18px; background:var(--gold); flex:none; }
  p { margin:0 0 12px; }
  ul { margin:0 0 12px; padding-left:1.3em; }
  li { margin:2px 0; }
  b { color:#fff; }
  .dim { color:var(--dim); font-size:14px; }

  /* 斜切角鋼板，跟遊戲裡的 .plate 一致 */
  .plate {
    background:linear-gradient(160deg, var(--steel2), var(--steel));
    border:1px solid var(--line);
    box-shadow:inset 0 1px 0 #ffffff10, inset 0 -2px 0 #00000080, 0 10px 34px #0009;
    clip-path:polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
    padding:22px; margin:0 0 22px;
  }
  .steps { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-weight:700; margin:0; }
  .steps span { padding:6px 12px; background:#0e1319; border:1px solid var(--line); border-radius:4px; }
  .steps i { color:var(--gold); font-style:normal; }

  #idps { display:flex; flex-direction:column; align-items:center; gap:10px; margin:14px 0 0; }
  #gbtn { display:flex; justify-content:center; }
  /* 兩顆登入按鈕：Google 四色 G、Apple 標誌，都是白底（各自品牌規範允許的樣式） */
  .google, .apple { display:flex; align-items:center; justify-content:center; gap:8px;
    background:#fff; color:#000; border:1px solid #fff; border-radius:4px;
    min-height:44px; font:600 16px/1 var(--font); cursor:pointer; width:320px; max-width:100%; }
  .google { color:#1f1f1f; border-color:#747775; }
  .google svg { width:18px; height:18px; flex:none; }
  .apple span { font-size:1.15em; }

  input {
    width:100%; min-height:46px; margin-top:8px; padding:10px 14px; font:inherit;
    background:#0b0f14; color:inherit; border:1px solid var(--line); border-radius:4px;
  }
  input:focus { outline:2px solid var(--acc); outline-offset:1px; }
  label { display:block; font-weight:700; }

  button.danger {
    width:100%; min-height:50px; margin-top:18px; padding:10px 18px; cursor:pointer;
    font:900 17px/1 var(--font); letter-spacing:.08em;
    background:linear-gradient(160deg,#5a1d18,#3a1414); color:#ffb4aa; border:1px solid #a3413a; border-radius:4px;
  }
  button.danger:disabled { opacity:.4; cursor:default; }

  .msg { margin:14px 0 0; padding:10px 14px; border-left:3px solid #a3413a; background:#2b1513; color:var(--warn); font-size:14px; }
  .msg.ok { border-left-color:var(--ok); background:#132b1a; color:#b9f5c8; }
  .who { font-size:14px; color:var(--dim); margin-bottom:4px; }
  .warnline { color:var(--warn); font-weight:700; }
  [hidden] { display:none !important; }
  footer { text-align:center; color:var(--dim); font-size:13px; padding-top:8px; }
  a { color:var(--acc); }
  @media (max-width:520px) {
    header { padding:28px 0 20px; }
    .plate { padding:18px; }
    h2 { font-size:17px; }
  }

/* 隱私權政策頁 */
.upd { margin:0 0 20px; text-align:center; }
h3 { font-size:16px; font-weight:700; color:var(--gold); margin:18px 0 6px; }
header a { display:inline-block; }
footer a { color:var(--dim); }