/* 彩虹橋牆：沒登入點「建立」前的說明視窗（bridge-login-gate.js，2026-11-11 站長）。深色卡片、金色主按鈕，跟牆尾的 .br-cta 同一組顏色 */
.br-gate {
  position: fixed; inset: 0; z-index: 400; display: flex; align-items: center; justify-content: center; padding: 1.2rem;
  background: rgba(4, 8, 20, 0.7); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
.br-gate[hidden] { display: none; }
.br-gate-box {
  width: min(24rem, 100%); box-sizing: border-box; padding: 1.8rem 1.5rem 1.4rem; text-align: center;
  background: var(--br-wave, #101a3b); border: 1px solid var(--br-card-line, rgba(255, 255, 255, 0.1)); border-radius: 1.2rem;
  box-shadow: 0 1.2rem 3rem -0.6rem rgba(0, 0, 0, 0.7); color: var(--br-text, #eaf0ff);
}
.br-gate-icon { font-size: 2.6rem; color: var(--br-gold, #d4af7a); }
.br-gate-box h2 { margin: 0.4rem 0 0.7rem; font-family: "Noto Serif TC", serif; font-size: 1.25rem; font-weight: 700; color: var(--br-gold-soft, #e8cfa0); }
.br-gate-box p { margin: 0 0 1.3rem; font-size: 0.95rem; line-height: 1.8; color: var(--br-text-dim, #9fb0d8); }
.br-gate-actions { display: flex; flex-direction: column; gap: 0.6rem; }
.br-gate-go, .br-gate-cancel {
  display: inline-flex; align-items: center; justify-content: center; min-height: 2.8rem; padding: 0.5rem 1.2rem; border-radius: 99rem;
  font: inherit; font-size: 1rem; cursor: pointer; text-decoration: none !important; -webkit-tap-highlight-color: transparent;
}
.br-gate-go { background: #d1b080; color: #1c1408 !important; font-weight: 700; border: 0; }
.br-gate-go:hover { background: #dcbd8e; }
.br-gate-cancel { background: transparent; border: 0; color: var(--br-text-dim, #9fb0d8); }
.br-gate-cancel:hover { color: var(--br-gold-soft, #e8cfa0); }
.br-gate-go:focus, .br-gate-go:focus-visible, .br-gate-cancel:focus, .br-gate-cancel:focus-visible { outline: none; }
html.br-gate-lock { overflow: hidden; }