/* =================================================================
   jx-flash.css — 快閃競標站專用（v0 契約 §6.1）
   每頁最後載入（排在 jx-core／jx-pages／jx-auction／jx-member 之後）；主範本 CSS 原檔不改。
   後台樣式只放在 jx-admin.css。
   ================================================================= */

/* 0. 版型：主範本 layout 的預覽用行內樣式 <style>body{margin:0}</style>，快閃版改寫在這裡（版型不放行內 style） */
body{margin:0;background:#fff}   /* 背景明寫白色：元素的上下外距會穿出 main，部分內嵌瀏覽器（深色模式）的預設底色不是白色 */

/* 1. 資料頁載入中：main 先放「載入中…」，資料到了才掛上 template 內容 */
main[data-jx-page][aria-busy="true"]{min-height:60vh}
.jx-flash-status{margin:0;padding:80px 16px;text-align:center;font-size:var(--jx-fs-sm);line-height:1.7;color:var(--jx-muted)}

/* 2. 全場暫停提示列（header 之後；平常 hidden）
      本身帶 .jx，主範本的 .jx [hidden] 只管子元素，所以這裡自己寫 [hidden]
      sticky：捲動時固定在 header 下方，手機選單（header 內，z-index 較高）開啟時會蓋過本列 */
.jx-flash-pause{position:sticky;top:var(--jx-header-h);z-index:calc(var(--jx-z-header) - 1);padding:10px 0;
  font-size:14px;font-weight:500;line-height:1.6;color:var(--jx-danger);background:var(--jx-danger-bg);border-bottom:1px solid rgba(179,38,30,.18)}
.jx-flash-pause[hidden]{display:none}
.jx-flash-pause .jx-container{overflow-wrap:anywhere}
@media (min-width:768px){ .jx-flash-pause{font-size:15px} }

/* 倒數處改成「暫停中」（JXD.freezeCountdowns） */
.jx-flash-paused{font-weight:700;color:var(--jx-danger)}

/* 結標處理中（選用：頁面 JS 可在顯示「結標處理中」的元素加上此 class；主要做法是 data-jx-ended-label／data-jx-ended） */
.jx-flash-closing{color:var(--jx-gold)}

/* 3. 示意模式提示列（未設定資料庫時，main 最上方） */
.jx-flash-demo{display:block;margin:0;padding:8px 16px;text-align:center;font-size:var(--jx-fs-xs);line-height:1.6;color:#6b4a2c;background:var(--jx-todo-bg);border-bottom:1px solid var(--jx-line)}
.jx-flash-demo[hidden]{display:none}

/* 4. 登入頁卡片（AUTH 的 src/pages/login.html：main 內一個 .jx-flash-login） */
.jx-flash-login{box-sizing:border-box;width:calc(100% - 32px);max-width:480px;margin:clamp(40px,8vh,88px) auto 88px;padding:40px 36px;
  text-align:left;background:#fff;border:1px solid var(--jx-line);box-shadow:var(--jx-shadow)}
.jx-flash-login h1,.jx-flash-login h2{font-family:var(--jx-serif);font-size:26px;font-weight:600;line-height:1.35;letter-spacing:.06em;color:var(--jx-ink)}
.jx-flash-login p{margin-top:10px;font-size:var(--jx-fs-sm);line-height:1.75;color:var(--jx-text)}
.jx-flash-login .jx-check{margin-top:24px}
.jx-flash-login .jx-check a{color:var(--jx-gold);text-decoration:underline;text-underline-offset:3px}
.jx-flash-login .jx-btn{margin-top:20px}
.jx-flash-login small{display:block;margin-top:14px;font-size:var(--jx-fs-2xs);line-height:1.7;color:var(--jx-muted)}
.jx-flash-login .jx-field__error{margin-top:16px}
.jx-flash-login .jx-auth__panel>*{margin-top:0}   /* .jx-auth__panel（jx-pages.css）已用 gap 排列，不再另加上方外距 */
@media (max-width:575px){
  .jx-flash-login{margin-top:28px;margin-bottom:64px;padding:28px 20px}
  .jx-flash-login h1,.jx-flash-login h2{font-size:22px}
}

/* 5. 會員總覽入口只剩一個時（保險） */
.jx-hubs{grid-template-columns:minmax(0,1fr)}

/* 6. 首頁沒有載入 jx-pages.css：無結果／載入失敗畫面（複製 jx-pages.css 第 242–245 行，只在首頁生效） */
main[data-jx-page="home"]{--jx-fs-h2:28px}
main[data-jx-page="home"] .jx-no-result{padding:72px 0;text-align:center}
main[data-jx-page="home"] .jx-no-result h2{font-family:var(--jx-serif);font-size:var(--jx-fs-h2);font-weight:600;line-height:1.4;letter-spacing:.04em;color:var(--jx-ink)}
main[data-jx-page="home"] .jx-no-result p{margin-top:8px;font-size:var(--jx-fs-sm);color:var(--jx-muted)}
main[data-jx-page="home"] .jx-no-result .jx-btn{margin-top:20px}
@media (max-width:1199px){ main[data-jx-page="home"]{--jx-fs-h2:26px} }
@media (max-width:1023px){ main[data-jx-page="home"]{--jx-fs-h2:24px} }
@media (max-width:767px){ main[data-jx-page="home"]{--jx-fs-h2:21px} }

/* 7. 404 頁（h1 沿用 .jx-no-result h2 的字樣）與兩顆並排按鈕 */
.jx-no-result h1{font-family:var(--jx-serif);font-size:var(--jx-fs-h2,28px);font-weight:600;line-height:1.4;letter-spacing:.04em;color:var(--jx-ink)}
.jx-flash-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}
.jx-no-result .jx-flash-actions .jx-btn{margin-top:0}

/* 8. 規則、條款、隱私權頁：草稿標示 */
.jx-flash-draft{margin-top:16px}
.jx-flash-draft b{color:var(--jx-danger);font-weight:600}