/* Backdrop & modal — 正式訪客依 CSS 顯示；預覽時若被覆蓋會由 JS 注入行內樣式保底 */
.ebx-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ebx-modal {
  position: relative;
  background: #fff;
  max-width: 520px;
  width: 90%;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,.2);
}
.ebx-close { position: absolute; top: 8px; right: 12px; cursor: pointer; font-size: 22px; line-height: 22px; }
.ebx-bar { height: 6px; background: #eee; border-radius: 3px; margin-top: 12px; overflow: hidden; }
.ebx-bar-in { height: 100%; width: 0; background: #4caf50; transition: width .2s; }
.ebx-result { margin-top: 10px; }
.ebx-gdpr { margin-left: 10px; font-size: 12px; color: #555; }

/* 🎨 按鈕配色（EATBOX tone） */
.ebx-modal .button,
.ebx-modal a.button,
.ebx-modal button.button,
.ebx-landing .button,
.ebx-landing a.button,
.ebx-landing button.button {
  background-color:#249077;   /* Normal 背景 */
  color:#F7F5F0;               /* Normal 文字 */
  border:none;
  border-radius:6px;
  padding:10px 16px;
  line-height:1.2;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:color .15s ease, background-color .15s ease, transform .03s ease;
}
.ebx-modal .button:hover,
.ebx-modal a.button:hover,
.ebx-modal button.button:hover,
.ebx-landing .button:hover,
.ebx-landing a.button:hover,
.ebx-landing button.button:hover {
  color:#FFCB3C;               /* Hover 文字 */
  background-color:#249077;    /* Hover 背景維持 */
}
.ebx-modal .button:active,
.ebx-modal a.button:active,
.ebx-modal button.button:active,
.ebx-landing .button:active,
.ebx-landing a.button:active,
.ebx-landing button.button:active {
  background-color:#FFCB3C;    /* Pressed 背景 */
  color:#2F3D39;               /* Pressed 文字 */
  transform:translateY(1px);
}
.ebx-modal .button:focus-visible,
.ebx-landing .button:focus-visible {
  outline:2px solid #FFCB3C;
  outline-offset:2px;
}