/* ===================================================================
   WURA TRIAL STATS V13 — CSS
   只加樣式，不覆蓋 trial-shell.css，不改正式館母版樣式。
   =================================================================== */

/* ---- 結果頁三格 ---- */

.result-stats .trial-stat-unit {
  font-style: normal;
  font-size: 0.42em;
  font-weight: 700;
  margin-left: 3px;
  opacity: 0.72;
  letter-spacing: 0.02em;
}

.result-stats .trial-stat-sub {
  display: block;
  margin-top: 5px;
  font-style: normal;
  font-size: 12px;
  line-height: 1.35;
  opacity: 0.58;
  letter-spacing: 0.01em;
}

.result-stats > div.trial-stat-box > span {
  display: block;
  white-space: nowrap;
  font-weight: 700;
}

/* 三格文字變長（「壞球等待電爆」六個字），窄螢幕要能換行不擠爆 */
@media (max-width: 480px) {
  .result-stats > div.trial-stat-box > span {
    white-space: normal;
    font-size: 13px;
    line-height: 1.3;
  }
  .result-stats .trial-stat-sub {
    font-size: 11px;
  }
}

/* ---- 六球場首頁：每張球場卡自己的戰績 ---- */

.court-card.has-trial-stat {
  position: relative;
}

.trial-court-stat {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 6px;
  display: flex;
  gap: 5px;
  justify-content: center;
  flex-wrap: wrap;
  pointer-events: none;
  z-index: 3;
}

.trial-court-stat b,
.trial-court-stat i {
  font-style: normal;
  font-weight: 800;
  font-size: 11px;
  line-height: 1;
  padding: 5px 8px;
  border-radius: 999px;
  white-space: nowrap;
  color: #fff;
  background: rgba(20, 20, 20, 0.74);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}

/* 橘色＝試打館識別色，代表「還等著被電爆」 */
.trial-court-stat b {
  background: rgba(230, 106, 22, 0.94);
}

.court-card.unavailable .trial-court-stat {
  display: none;
}

@media (max-width: 380px) {
  .trial-court-stat b,
  .trial-court-stat i {
    font-size: 10px;
    padding: 4px 6px;
  }
}

/* ---- V2：V17「你的壞球進度」區塊 ---- */

.trial-progress-box.is-clickable {
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease;
}

.trial-progress-box.is-clickable:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(230, 106, 22, 0.22);
}

.trial-progress-foot {
  margin-top: 12px;
  display: flex;
  justify-content: center;
}

.trial-progress-cta {
  appearance: none;
  border: 0;
  cursor: pointer;
  font-weight: 800;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.02em;
  padding: 13px 26px;
  border-radius: 999px;
  color: #fff;
  background: #e66a16;
  box-shadow: 0 3px 12px rgba(230, 106, 22, 0.35);
}

.trial-progress-cta:hover {
  background: #f27a24;
}

.trial-progress-cta:active {
  transform: translateY(1px);
}

.trial-progress-hint {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  opacity: 0.72;
  text-align: center;
}

@media (max-width: 480px) {
  .trial-progress-cta {
    width: 100%;
    padding: 14px 18px;
  }
}

/* ---- V3：你的贏家進度 — 範圍說明與六球場明細 ---- */

.trial-progress-scope {
  margin: 6px 0 14px;
  font-size: 12.5px;
  line-height: 1.5;
  opacity: 0.62;
}

.trial-progress-courts {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.trial-court-row {
  appearance: none;
  width: 100%;
  cursor: pointer;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.035);
  color: inherit;
  transition: background .12s ease, border-color .12s ease, transform .12s ease;
}

.trial-court-row:hover:not(:disabled) {
  background: rgba(230, 106, 22, 0.14);
  border-color: rgba(230, 106, 22, 0.55);
  transform: translateX(2px);
}

.trial-court-row.is-current {
  border-color: rgba(230, 106, 22, 0.85);
  background: rgba(230, 106, 22, 0.10);
}

.trial-court-row.is-locked {
  opacity: 0.42;
  cursor: default;
}

.trial-court-row-name {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 800;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.trial-court-row-nums {
  flex: 0 0 auto;
  display: flex;
  gap: 6px;
}

.trial-court-row-nums i {
  font-style: normal;
  font-weight: 800;
  font-size: 11px;
  line-height: 1;
  padding: 5px 8px;
  border-radius: 999px;
  white-space: nowrap;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}

.trial-court-row-nums .n-good { background: rgba(46, 160, 92, 0.92); }
.trial-court-row-nums .n-wait { background: rgba(230, 106, 22, 0.94); }
.trial-court-row-nums .n-done { background: rgba(20, 20, 20, 0.62); }

.trial-court-row.has-badball .n-wait {
  box-shadow: 0 0 0 2px rgba(230, 106, 22, 0.28);
}

.trial-court-row-go {
  flex: 0 0 auto;
  font-weight: 800;
  font-size: 13px;
  opacity: 0.6;
}

.trial-good-tile {
  /* 好球格：複製自「找出的壞球」格，樣式沿用，不另外覆寫 */
}

@media (max-width: 560px) {
  .trial-court-row {
    flex-wrap: wrap;
    gap: 8px;
  }
  .trial-court-row-name {
    flex: 1 1 100%;
    white-space: normal;
  }
  .trial-court-row-nums {
    flex: 1 1 auto;
    flex-wrap: wrap;
  }
  .trial-court-row-go {
    margin-left: auto;
  }
}

/* ---- V4：球場卡三顆藥丸（好球 / 待電爆 / 已電爆） ---- */

.trial-court-stat i.n-good { background: rgba(46, 160, 92, 0.94); }
.trial-court-stat i.n-wait { background: rgba(230, 106, 22, 0.94); }
.trial-court-stat i.n-done { background: rgba(20, 20, 20, 0.72); }

.court-card.has-badball .trial-court-stat i.n-wait {
  box-shadow: 0 0 0 2px rgba(230, 106, 22, 0.30);
}

@media (max-width: 480px) {
  .trial-court-stat {
    gap: 4px;
  }
  .trial-court-stat i {
    font-size: 10px;
    padding: 4px 6px;
  }
}

/* ---- V5：完成度（分母與進度條） ---- */

.trial-tile-sub {
  display: block;
  margin-top: 6px;
  font-style: normal;
  font-size: 11.5px;
  line-height: 1.4;
  opacity: 0.6;
  white-space: nowrap;
}

/* 球場卡底部細進度條 */
.trial-court-prog {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 2px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  overflow: hidden;
  pointer-events: none;
  z-index: 3;
}

.trial-court-prog > span {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #2ea05c, #46c47a);
  transition: width .35s ease;
}

/* 明細列進度條 */
.trial-row-prog {
  flex: 1 1 100%;
  height: 5px;
  margin-top: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
}

.trial-row-prog > span {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #2ea05c, #46c47a);
  transition: width .35s ease;
}

.trial-court-row {
  flex-wrap: wrap;
}

@media (max-width: 480px) {
  .trial-tile-sub {
    font-size: 10.5px;
    white-space: normal;
  }
}

/* ---- V6：贏家進度按鈕（排在免費試打倒數之前）與覆蓋層 ---- */

.trial-fab {
  appearance: none;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 999px;
  color: #fff;
  background: rgba(20, 20, 20, 0.66);
  border: 1px solid rgba(255, 255, 255, 0.16);
  line-height: 1;
  white-space: nowrap;
  transition: background .12s ease, border-color .12s ease, transform .12s ease;
}

.trial-fab:hover {
  background: rgba(230, 106, 22, 0.24);
  border-color: rgba(230, 106, 22, 0.66);
  transform: translateY(-1px);
}

.trial-fab > strong {
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.02em;
}

.trial-fab .trial-fab-num {
  font-style: normal;
  font-weight: 800;
  font-size: 11px;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
}

.trial-fab.has-badball .trial-fab-num {
  background: rgba(230, 106, 22, 0.96);
}

.trial-fab.is-inline {
  margin-right: 8px;
}

.trial-fab.is-fixed {
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 9000;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

/* 覆蓋層 */

.trial-ov {
  position: fixed;
  inset: 0;
  z-index: 9500;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 24px 16px;
  overflow-y: auto;
  background: rgba(4, 12, 8, 0.72);
  backdrop-filter: blur(6px);
}

.trial-ov.is-open {
  display: flex;
}

body.trial-overlay-locked {
  overflow: hidden;
}

.trial-ov-card {
  position: relative;
  width: 100%;
  max-width: 780px;
  margin: auto 0;
  padding: 26px 22px 22px;
  border-radius: 18px;
  color: #fff;
  background: #0d2118;
  border: 1px solid rgba(230, 106, 22, 0.42);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.5);
}

.trial-ov-close {
  position: absolute;
  top: 10px;
  right: 12px;
  appearance: none;
  border: 0;
  cursor: pointer;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  font-size: 22px;
  line-height: 1;
  color: #fff;
  background: rgba(255, 255, 255, 0.10);
}

.trial-ov-close:hover {
  background: rgba(230, 106, 22, 0.55);
}

.trial-ov-title {
  margin: 0 0 4px;
  font-size: 19px;
  font-weight: 900;
  color: #f0a565;
  letter-spacing: 0.02em;
}

.trial-ov-scope {
  margin: 0 0 16px;
  font-size: 12.5px;
  line-height: 1.5;
  opacity: 0.66;
}

.trial-ov-tiles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 18px;
}

.trial-ov-tile {
  text-align: center;
  padding: 14px 8px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.trial-ov-tile > strong {
  display: block;
  font-size: 26px;
  font-weight: 900;
  line-height: 1.1;
  color: #f07a1e;
}

.trial-ov-tile.is-good > strong { color: #46c47a; }

.trial-ov-tile > span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 700;
  opacity: 0.82;
}

@media (max-width: 560px) {
  .trial-ov-tiles {
    grid-template-columns: repeat(2, 1fr);
  }
  .trial-ov-card {
    padding: 22px 14px 16px;
  }
  .trial-fab > strong {
    font-size: 12px;
  }
}


/* ===================================================================
   V13 MOBILE HOTFIX — 只作用於試打館手機版；桌機與正式館不動
   =================================================================== */

.trial-account-trigger{
  appearance:none;border:1px solid rgba(255,255,255,.18);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:0;max-width:180px;padding:8px 11px;border-radius:999px;
  background:rgba(255,255,255,.08);color:#d9f1e2;
  font-size:12px;font-weight:850;line-height:1;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.trial-account-trigger:hover{border-color:rgba(230,106,22,.6);background:rgba(230,106,22,.12)}
.trial-account-menu{
  position:fixed;z-index:10050;display:none;width:min(300px,calc(100vw - 16px));
  padding:14px;border-radius:14px;background:#0d2118;color:#fff;
  border:1px solid rgba(230,106,22,.46);box-shadow:0 16px 42px rgba(0,0,0,.45)
}
.trial-account-menu.is-open{display:grid;gap:9px}
.trial-account-menu small{opacity:.66;font-size:11px}
.trial-account-menu .trial-account-full{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
#trial-account-logout{
  appearance:none;border:0;cursor:pointer;width:100%;padding:11px 12px;border-radius:10px;
  background:#fff;color:#143a29;font-weight:900
}

.trial-start-account-info{
  display:grid;gap:7px;margin:0 0 18px;padding:13px 14px;border-radius:13px;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10)
}
.trial-start-account-info>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:start}
.trial-start-account-info span{color:#9ab3a5;font-size:12px}
.trial-start-account-info strong{color:#fff;font-size:12.5px;line-height:1.4;overflow-wrap:anywhere}

.trial-mobile-progress-slot{display:none}

@media (max-width:700px){
  html,body{max-width:100%;overflow-x:clip}
  body *{box-sizing:border-box}

  /* Header 真正改成兩排：第一排品牌＋遮罩帳號；第二排倒數＋購買 */
  header.topbar{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:8px 9px!important;padding:10px!important;
    max-width:100vw!important;width:100%!important;
  }
  header.topbar .brand{
    grid-column:1;grid-row:1;min-width:0!important;width:auto!important;
    display:flex!important;align-items:center!important;gap:8px!important;
    white-space:nowrap!important;overflow:hidden!important;
  }
  header.topbar .brand>img{width:42px!important;height:42px!important;flex:0 0 42px!important}
  header.topbar .brand>span{
    display:block!important;min-width:0!important;white-space:nowrap!important;
    overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important;
    line-height:1.2!important;
  }
  header.topbar>#trial-account-trigger{
    grid-column:2;grid-row:1;justify-self:end;max-width:132px;font-size:11px;padding:7px 9px;
  }
  header.topbar .userbox{
    grid-column:1/-1;grid-row:2;width:100%!important;min-width:0!important;
    display:flex!important;align-items:center!important;gap:8px!important;justify-content:stretch!important;
  }
  header.topbar .userbox>#user-chip,
  header.topbar .userbox>#logout-btn{display:none!important}
  #trial-shell-countdown{
    flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:8px 10px!important;
    justify-content:center!important;font-size:12px!important;white-space:nowrap!important;
  }
  #trial-buy-pill{
    flex:0 0 auto!important;margin:0!important;padding:8px 11px!important;
    font-size:12px!important;white-space:nowrap!important;
  }

  /* 贏家進度移出 Header，但仍在每一頁 main 最上方可用 */
  .trial-mobile-progress-slot{
    display:flex;width:100%;max-width:100%;justify-content:flex-end;
    margin:0 0 10px;padding:0;min-width:0
  }
  .trial-fab.is-mobile-block{
    width:auto;max-width:100%;margin:0;padding:9px 12px;flex-wrap:wrap;
  }

  /* 所有主內容都不得比 viewport 寬 */
  main{width:calc(100% - 16px)!important;max-width:100%!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}
  #training-view,#court-hall-panel,#books-panel,#practice-panel,#result-panel,#badball-panel,
  #courts-root,#books-root,#practice-root,.practice-card,.result-card,.wrong-list,.badball-list,
  .hall-hero-poster,.books-poster-wrap,.court-toolbar,.panel-head{
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
  .courts-grid,.books-grid{min-width:0!important}
  .court-card,.book-card{min-width:0!important;max-width:100%!important}

  /* 題目：單字獨占一列，音標下一列，發音按鈕再下一列 */
  .question-word-row{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    justify-content:center!important;gap:10px!important;width:100%!important;max-width:100%!important;
    min-width:0!important;margin:20px 0!important;
  }
  .question-word-row>div:first-child{width:100%!important;max-width:100%!important;min-width:0!important;text-align:center!important}
  .question-word{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
    white-space:nowrap!important;text-align:center!important;line-height:1.05!important;
    overflow:visible!important;
  }
  .phonetic{max-width:100%!important;overflow-wrap:anywhere!important}
  .speech-tools{
    width:100%!important;max-width:100%!important;display:flex!important;flex-direction:row!important;
    align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;
  }
  .speech-btn{min-width:0!important;max-width:calc(50% - 4px)!important;flex:0 1 auto!important}

  /* 結果／錯題：滿版，長字長答案都不准把頁面撐寬 */
  .result-card{margin:12px auto!important;padding:16px!important}
  .result-stats{width:100%!important;max-width:100%!important}
  .wrong-list article,.badball-list article,.choice-btn,.answer-feedback{
    min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;
  }
  .wrong-list strong,.wrong-list span,.badball-list strong,.badball-list span{min-width:0!important;overflow-wrap:anywhere!important}

  .trial-start-card{max-width:100%!important;min-width:0!important}
}

@media (max-width:380px){
  header.topbar .brand>img{width:38px!important;height:38px!important;flex-basis:38px!important}
  header.topbar .brand>span{font-size:12px!important}
  header.topbar>#trial-account-trigger{max-width:112px;font-size:10.5px;padding:7px 8px}
  #trial-shell-countdown{font-size:11px!important;padding:7px 8px!important}
  #trial-buy-pill{font-size:11px!important;padding:7px 9px!important}
}


/* WURA_COLOR_V1：待電爆＝紅（警戒）、已電爆＝黃（成功） */
i.n-wait { background:#E53935 !important; color:#ffffff !important; border-color:#E53935 !important; }
i.n-done { background:#FFC83D !important; color:#1b1b1b !important; border-color:#FFC83D !important; }
.trial-fab .trial-fab-num, .trial-fab.has-badball .trial-fab-num { background:#E53935 !important; color:#ffffff !important; }
.trial-ov-tile.is-done > strong { color:#FFC83D !important; }
.trial-ov-tile.is-wait > strong, .trial-ov-tile.is-bad > strong, .trial-ov-tile.is-remaining > strong { color:#E53935 !important; }


/* WURA_BTN_COLOR_V1：壞球區＝紅、電爆區＝黃，四顆同尺寸長條 */
#badball-entry-btn, #practice-badball-area-btn { background:#E53935 !important; color:#ffffff !important; border:none !important; }
#badball-fire-btn, #badball-start-btn { background:#FFC83D !important; color:#1b1b1b !important; border:none !important; }
#badball-entry-btn, #badball-fire-btn, #badball-start-btn, #practice-badball-area-btn {
  display:block; width:100% !important; min-height:56px !important; border-radius:18px !important;
  font-size:18px !important; font-weight:700 !important; box-sizing:border-box; margin:8px 0 !important; box-shadow:none !important;
}
#badball-entry-btn:disabled, #badball-fire-btn:disabled, #badball-start-btn:disabled { opacity:.45; }


/* WURA_BTN_ROW_V1：回選書與壞球區／電爆區並排、同尺寸 */
.wura-btn-row { display:flex; gap:12px; align-items:stretch; flex-wrap:wrap; margin:0 0 16px; }
.wura-btn-row > button, .wura-btn-row > #badball-back-btn, .wura-btn-row > #badball-start-btn,
.wura-btn-row > #practice-back-btn, .wura-btn-row > #practice-badball-area-btn {
  flex:0 0 auto; width:auto !important; min-width:140px; min-height:56px !important; margin:0 !important;
  border-radius:18px !important; font-size:18px !important; font-weight:700 !important;
  align-items:center; justify-content:center; padding:0 24px; box-sizing:border-box;
}


/* WURA_HIDE_BADGE_V1：標題列不顯示「免費試打 48H」橘色按鈕 */
#trial-badge, .trial-badge { display:none !important; }

/* WURA_MEMBER_CTA_V1（正式館：訂閱會員才顯示） */
.member-founder-cta{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;margin-right:8px;border-radius:999px;background:#0d3b2e;color:#fff !important;font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap}
.member-founder-cta:hover{filter:brightness(1.1)}
@media (max-width:700px){#trial-mobile-progress-slot .member-founder-cta{display:flex;width:100%;margin:8px 0 0}}

/* V1R2（GPT B3）：會籍失效時，所有注入的成績元件一律不顯示 */
body.member-stats-locked .trial-progress-box,
body.member-stats-locked .trial-good-tile,
body.member-stats-locked .trial-tile-sub,
body.member-stats-locked .trial-stat-sub,
body.member-stats-locked .trial-progress-courts,
body.member-stats-locked .trial-progress-foot,
body.member-stats-locked .trial-progress-scope,
body.member-stats-locked .trial-court-stat,
body.member-stats-locked .trial-court-prog,
body.member-stats-locked #trial-progress-fab,
body.member-stats-locked .trial-fab,
body.member-stats-locked .member-founder-cta { display: none !important; }

/* V1R3：球場大廳「成績單」區塊（樣式照試打館 trial-shell.css，色彩相同） */
.trial-hall-stats{margin:0 0 20px;padding:16px 18px;border-radius:18px;border:1px solid rgba(232,113,26,.35);background:rgba(232,113,26,.08)}
.trial-hall-stats-title{margin:0 0 12px!important;color:#F7A659!important;font-size:14px!important;font-weight:950!important;letter-spacing:.04em}
.trial-stat-row{display:flex;gap:10px;flex-wrap:wrap}
.trial-stat{flex:1 1 90px;min-width:90px;padding:12px 10px;border-radius:14px;background:rgba(0,0,0,.18);text-align:center}
.trial-stat-num{font-size:clamp(26px,4vw,34px);font-weight:950;line-height:1.1;color:#E8711A}
.trial-stat-label{margin-top:4px;font-size:12px;color:#b9cdc2;font-weight:800}
body.member-stats-locked #trial-hall-stats{display:none!important}

/* V1R4：頁首會籍列（電爆時間到期日／永久會員＋延長按鈕） */
.member-expiry-bar{display:inline-flex;align-items:center;gap:8px;margin-right:8px;white-space:nowrap}
.member-expiry-text{font-size:13px;font-weight:800;color:#d9e6df;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08)}
.member-expiry-bar.is-lifetime .member-expiry-text{color:#FFC83D}
.member-expiry-bar .member-founder-cta{margin-right:0}
.userbox{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
@media (max-width:700px){#trial-mobile-progress-slot{display:flex!important;flex-direction:column;align-items:stretch;gap:8px}#trial-mobile-progress-slot .member-expiry-bar{display:flex;flex-wrap:wrap;width:100%;margin:0;gap:8px}#trial-mobile-progress-slot .member-expiry-bar .member-founder-cta{flex:1 1 auto}}
body.member-stats-locked .member-expiry-bar{display:none!important}

/* V1R5：漢堡選單 */
header.topbar{position:relative}
.member-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:8px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-size:20px;cursor:pointer;flex:0 0 40px}
.member-menu-panel{position:fixed;display:none;min-width:220px;z-index:9600;padding:8px;border-radius:16px;background:#0f2a21;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.member-menu-panel.is-open{display:block}
.member-menu-item{display:block;width:100%;text-align:left;padding:12px 14px;border:0;border-radius:10px;background:transparent;color:#f1f6f3;font-size:15px;font-weight:800;cursor:pointer}
.member-menu-item:hover,.member-menu-item:focus{background:rgba(255,255,255,.08)}
.member-modal{position:fixed;inset:0;z-index:9700;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.55)}
.member-modal-card{position:relative;width:min(440px,100%);max-height:90vh;overflow:auto;padding:24px 22px 20px;border-radius:20px;background:#0f2a21;border:1px solid rgba(255,255,255,.14);color:#f1f6f3}
.member-modal-card h3{margin:0 0 16px;font-size:20px;color:#F7A659}
.member-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:16px;cursor:pointer}
.member-modal-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.member-modal-row span{color:#b9cdc2;font-size:14px;white-space:nowrap}
.member-modal-row strong{text-align:right;font-size:15px}
.member-modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.member-modal-link{display:block;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff!important;text-decoration:none;font-weight:800}
.member-modal-cta{display:flex!important;margin-top:16px!important;width:100%}
body.member-stats-locked .member-menu-btn{display:none!important}
.member-menu-who{padding:8px 14px 10px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1);color:#b9cdc2;font-size:12px;word-break:break-all}
@media (max-width:700px){
  header.topbar .member-menu-btn{position:absolute;top:50%;right:12px;transform:translateY(-50%);margin:0}
  body:not(.member-stats-locked) #trial-account-trigger{display:none!important}
  .member-menu-panel{left:8px!important;right:8px!important;min-width:0}
}

/* V1R6：選單與視窗改淺色；延長按鈕改橘黃色系（高嫚老師要求） */
.member-menu-panel{background:#fffaf0;border:1px solid #ead8ab;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.member-menu-item{color:#10251d}
.member-menu-item:hover,.member-menu-item:focus{background:#fdefd2}
.member-menu-who{color:#6b5319;border-bottom-color:#ead8ab}
.member-modal{background:rgba(0,0,0,.35)}
.member-modal-card{background:#fffaf0;border:1px solid #ead8ab;color:#10251d}
.member-modal-card h3{color:#C55A12}
.member-modal-close{background:#f3e6c8;color:#10251d}
.member-modal-row{border-bottom-color:#efe2c2}
.member-modal-row span{color:#6b7c72}
.member-modal-link{background:#f3e6c8;color:#10251d!important}
.member-menu-btn{background:#fffaf0;color:#10251d;border-color:#ead8ab}
.member-founder-cta,.member-expiry-bar .member-founder-cta{background:linear-gradient(135deg,#FFC83D 0%,#F59E0B 100%)!important;color:#1b1b1b!important;font-weight:900;box-shadow:0 6px 16px rgba(245,158,11,.35);border:0}
.member-founder-cta:hover{filter:brightness(1.05)}

/* V1R8：進館建議路徑彈窗（與試打館 trial-shell.css 相同樣式） */
.trial-start-page{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:auto;background:rgba(6,20,14,.94);backdrop-filter:blur(3px)}
.trial-start-card{width:min(560px,100%);padding:clamp(26px,4vw,40px);border-radius:24px;border:1px solid rgba(232,113,26,.45);background:linear-gradient(150deg,#0d2418,#0a1a11);box-shadow:0 30px 80px rgba(0,0,0,.5);color:#fff;text-align:left}
.trial-start-kicker{margin:0 0 6px;color:#E8711A;font-size:13px;font-weight:950;letter-spacing:.1em}
.trial-start-card h2{margin:0 0 10px;font-size:clamp(28px,4vw,38px);letter-spacing:-.02em;color:#fff}
.trial-start-lead{margin:0 0 18px;color:#cfe0d6;font-size:16px;line-height:1.7}
.trial-start-steps{margin:0 0 24px;padding-left:22px}
.trial-start-steps li{margin:0 0 10px;font-size:17px;line-height:1.7;color:#fff;font-weight:800}
.trial-start-steps li::marker{color:#E8711A;font-weight:950}
.trial-start-btn{width:100%;min-height:56px;border:0;border-radius:16px;cursor:pointer;background:linear-gradient(135deg,#E8711A,#C55A12);color:#fff;font-size:18px;font-weight:950;box-shadow:0 16px 34px rgba(232,113,26,.34)}
.trial-start-btn:hover{filter:brightness(1.06)}
.trial-start-note{margin:14px 0 0;color:#9ab3a5;font-size:13px;text-align:center}

/* V1R8：桌機頁首右側資訊靠右，緊貼漢堡選單 */
@media (min-width:701px){
  header.topbar .userbox{margin-left:auto;justify-content:flex-end}
}

/* V1R8：信箱收進漢堡最下面——有效會員的頁首不再顯示信箱（會籍失效時帳號入口仍會出現，才能登出） */
body:not(.member-stats-locked) #trial-account-trigger,
body:not(.member-stats-locked) header.topbar .userbox>#user-chip{display:none!important}
.member-menu-who{border-bottom:0!important;border-top:1px solid #ead8ab;margin:4px 0 0!important;padding:10px 14px 6px!important}

/* V1R8：頁首順序＝成績單／待電爆 → 電爆到期時間 → 延長電爆時間 → ☰ */
header.topbar .userbox>#trial-progress-fab,
#trial-mobile-progress-slot>#trial-progress-fab{order:-1}

/* V1R9：成績單可收合，預設收起（只顯示「成績單 待電爆 N 點開」一列） */
.member-stats-box .member-hall-toggle{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:0;border:0;background:none;cursor:pointer;text-align:left;font-family:inherit}
.member-stats-box .member-hall-name{color:#F7A659;font-size:14px;font-weight:950;letter-spacing:.04em}
.member-stats-box .member-hall-sum{padding:2px 10px;border-radius:999px;background:#e53935;color:#fff;font-size:12px;font-weight:900;white-space:nowrap}
.member-stats-box .member-hall-caret{margin-left:auto;color:#F7A659;font-size:13px;font-weight:900;white-space:nowrap}
.member-stats-box:not(.is-open)>*:not(.member-hall-toggle){display:none!important}
.member-stats-box:not(.is-open){padding:12px 18px}
.member-stats-box.is-open>.member-hall-toggle{margin-bottom:10px}
/* 展開時原標題只當錨點，不重複顯示「成績單」 */
.member-stats-box.is-open>.trial-hall-stats-title{height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;font-size:0!important}

/* V1R12：選單「壞球區／電爆區」選球場 */
.member-court-lead{margin:0 0 4px;color:#6b7c72;font-size:14px}
.member-court-btn{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;cursor:pointer;text-align:left;font-family:inherit;font-size:15px}
.member-court-btn:disabled{opacity:.45;cursor:not-allowed}
.member-court-count{font-size:12px;font-weight:900;padding:2px 10px;border-radius:999px;background:#e6e0cf;color:#6b5319;white-space:nowrap}
.member-court-count.has-bad{background:#e53935;color:#fff}

/* V1R12：壞球區摘要、電爆收工訊息 */
.badball-summary{margin:6px 0 14px;color:#F7A659;font-size:14px;font-weight:800}
.zap-done{margin:0 0 14px;padding:12px 16px;border-radius:14px;background:rgba(232,113,26,.14);border:1px solid rgba(232,113,26,.45);color:#fff;font-weight:900;font-size:16px}
.zap-done.is-clear{background:linear-gradient(135deg,#FFC83D,#F59E0B);border-color:#F59E0B;color:#1b1b1b;font-size:18px;text-align:center}
.zap-done.hidden{display:none}

/* V1R12：球場頁成績單 */
#member-court-stats{margin:14px 0 18px}
body.member-stats-locked .member-stats-box{display:none!important}

/* V1R14：配對題每組判分結果 */
.match-btn.match-correct{outline:2px solid #2e9e5b;background:rgba(46,158,91,.18)!important}
.match-btn.match-wrong{outline:2px solid #e53935;background:rgba(229,57,53,.16)!important}
.matching-summary .good{color:#7ee2a0}
.matching-summary .bad{color:#ff8a80}
.matching-summary .match-fix{display:block;margin-top:4px;color:#ffd7a8}

/* V1R16：頁首三格 成績單｜你的壞球｜待電爆 */
/* 高嫚老師定案：頁首「你的壞球」＝紅（壞球區）、「待電爆」＝黃（電爆區）；紅＝#E53935、黃＝#FFC83D，與六球場同色號 */
.trial-fab .trial-fab-bad{font-style:normal;font-weight:800;font-size:11px;line-height:1;padding:4px 8px;border-radius:999px;background:#E53935;color:#ffffff;cursor:pointer}
.trial-fab .trial-fab-num,.trial-fab.has-badball .trial-fab-num{background:#FFC83D!important;color:#1b1b1b!important}
.trial-fab .trial-fab-num{cursor:pointer}
.trial-fab .trial-fab-bad:hover,.trial-fab .trial-fab-num:hover{filter:brightness(1.1);outline:1px solid rgba(255,255,255,.6)}
/* 頁首「成績單」＝綠（與六球場「好球」同色） */
.trial-fab > strong{background:rgba(46,160,92,.92);color:#ffffff;padding:4px 10px;border-radius:999px;font-size:12px;line-height:1}

/* V1R17：選球場視窗與壞球區清單的顏色——你的壞球＝紅、待電爆＝黃（與頁首一致） */
.member-court-count.is-bad{background:#E53935!important;color:#fff!important}
.member-court-count.is-fire{background:#FFC83D!important;color:#1b1b1b!important}
.bb-tag{font-style:normal;font-size:11px;font-weight:900;padding:2px 8px;border-radius:999px;margin-left:6px;vertical-align:middle}
.bb-tag.bb-wait{background:#FFC83D;color:#1b1b1b}
.bb-tag.bb-done{background:rgba(255,255,255,.18);color:#fff}
#badball-list article.is-recovered{opacity:.7}

/* V1R18：全站三格統一色——好球／成績單＝綠、你的壞球＝紅、待電爆＝黃（與頁首相同色號） */
i.n-bad{background:#E53935!important;color:#fff!important;border-color:#E53935!important}
i.n-pend{background:#FFC83D!important;color:#1b1b1b!important;border-color:#FFC83D!important}
.trial-court-row-nums i.n-bad,.trial-court-row-nums i.n-pend,.trial-court-stat i.n-bad,.trial-court-stat i.n-pend{font-style:normal}
.member-stats-box .member-hall-name{background:rgba(46,160,92,.92);color:#fff!important;padding:3px 10px;border-radius:999px;font-size:12px!important;letter-spacing:0!important}
.member-stats-box .member-hall-bad{padding:2px 10px;border-radius:999px;background:#E53935;color:#fff;font-size:12px;font-weight:900;white-space:nowrap;cursor:pointer}
.member-stats-box .member-hall-sum{background:#FFC83D!important;color:#1b1b1b!important;cursor:pointer}
/* 四格數字顏色 */
.trial-stat[data-tile-key="good"] .trial-stat-num,.trial-stat.trial-good-tile .trial-stat-num{color:#46c47a!important}
.trial-stat[data-tile-key="found"] .trial-stat-num{color:#E53935!important}
.trial-stat[data-tile-key="recovered"] .trial-stat-num{color:#ffffff!important}
.trial-stat[data-tile-key="remaining"] .trial-stat-num{color:#FFC83D!important}
.trial-ov-tile.is-bad > strong{color:#E53935!important}
.trial-ov-tile.is-done > strong{color:#ffffff!important}
.trial-ov-tile.is-wait > strong{color:#FFC83D!important}

/* V1R18 最終：待電爆（壞球）＝紅 #E53935、已電爆＝黃 #FFC83D、好球／成績單＝綠（全站同名同色） */
.trial-fab .trial-fab-bad{background:#E53935!important;color:#fff!important}
.trial-fab .trial-fab-num,.trial-fab.has-badball .trial-fab-num{background:#FFC83D!important;color:#1b1b1b!important}
.trial-stat[data-tile-key="found"],.trial-stat[data-member-key="found"]:not(.trial-good-tile){display:none!important}
.trial-stat[data-tile-key="remaining"] .trial-stat-num{color:#E53935!important}
.trial-stat[data-tile-key="recovered"] .trial-stat-num{color:#FFC83D!important}
.trial-ov-tile.is-wait > strong{color:#E53935!important}
.trial-ov-tile.is-done > strong{color:#FFC83D!important}
.bb-tag.bb-wait{background:#E53935!important;color:#fff!important}
.bb-tag.bb-done{background:#FFC83D!important;color:#1b1b1b!important}
.member-stats-box .member-hall-sum{background:#FFC83D!important;color:#1b1b1b!important}

/* V1R18：「成績單」只當標題（不上色）；三顆數字 好球／待電爆（壞球）／已電爆 在頁首、長條、六球場完全相同 */
.trial-fab > strong{background:none!important;color:#ffffff!important;padding:0 2px!important}
.member-stats-box .member-hall-name{background:none!important;color:#F7A659!important;padding:0!important;font-size:14px!important}
.trial-fab .trial-fab-good,.member-stats-box .member-hall-good{font-style:normal;font-weight:800;font-size:11px;line-height:1;padding:4px 8px;border-radius:999px;background:rgba(46,160,92,.92);color:#fff;white-space:nowrap}
.member-stats-box .member-hall-good{font-size:12px;padding:2px 10px}

/* ===================================================================
   V1R21｜成績四欄（高嫚老師 2026-09-22 定案）：全站同名同色
   好球＝綠 #2EA05C｜壞球＝紅 #E53935｜待電爆＝黑 #111111｜已電爆＝黃 #FFC83D
   黑色放在深綠底上要看得見：黑底＋白字＋淡白框
   =================================================================== */
i.w4-good,i.w4-bad,i.w4-pend,i.w4-zap,
em.w4-good,em.w4-bad,em.w4-pend,em.w4-zap,
span.w4-good,span.w4-bad,span.w4-pend,span.w4-zap{
  font-style:normal;font-weight:800;font-size:11px;line-height:1;padding:5px 8px;border-radius:999px;
  white-space:nowrap;border:1px solid transparent;box-shadow:none;display:inline-block}
.w4-good{background:#2EA05C!important;color:#fff!important}
.w4-bad{background:#E53935!important;color:#fff!important}
.w4-pend{background:#111111!important;color:#fff!important;border-color:rgba(255,255,255,.45)!important}
.w4-zap{background:#FFC83D!important;color:#1b1b1b!important}
.trial-fab .w4-good,.trial-fab .w4-bad,.trial-fab .w4-pend,.trial-fab .w4-zap{padding:4px 8px}
.trial-fab [data-fab-action]{cursor:pointer}
.trial-fab [data-fab-action]:hover{filter:brightness(1.12);outline:1px solid rgba(255,255,255,.6)}
.member-stats-box .member-hall-toggle .w4-good,.member-stats-box .member-hall-toggle .w4-bad,
.member-stats-box .member-hall-toggle .w4-pend,.member-stats-box .member-hall-toggle .w4-zap{font-size:12px;padding:3px 10px}
.member-stats-box .member-hall-bad,.member-stats-box .member-hall-pend{cursor:pointer}
.member-stats-box .member-hall-toggle{flex-wrap:wrap}
.practice-round-badball{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px}
.badball-summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.member-court-count.w4-bad,.member-court-count.w4-pend{font-size:12px;padding:2px 10px}

/* 成績單四格：「壞球」格重新顯示（V1R18 曾藏起來） */
.trial-stat[data-tile-key="found"],.trial-stat[data-member-key="found"]:not(.trial-good-tile){display:block!important}
.trial-stat[data-w4="good"] .trial-stat-num,.trial-stat.trial-good-tile .trial-stat-num{color:#46C47A!important}
.trial-stat[data-w4="bad"] .trial-stat-num{color:#E53935!important}
.trial-stat[data-w4="zap"] .trial-stat-num{color:#FFC83D!important}
.trial-stat[data-w4="pend"]{background:#111111!important;border:1px solid rgba(255,255,255,.35)}
.trial-stat[data-w4="pend"] .trial-stat-num{color:#ffffff!important}
.trial-ov-tile[data-w4="good"]>strong{color:#46C47A!important}
.trial-ov-tile[data-w4="bad"]>strong{color:#E53935!important}
.trial-ov-tile[data-w4="zap"]>strong{color:#FFC83D!important}
.trial-ov-tile[data-w4="pend"]{background:#111111!important;border-color:rgba(255,255,255,.35)!important}
.trial-ov-tile[data-w4="pend"]>strong{color:#ffffff!important}

/* 本輪完成頁四格 */
.result-stats.w4-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.result-stats.w4-row>div[data-w4="good"]>strong{color:#46C47A!important}
.result-stats.w4-row>div[data-w4="bad"]>strong{color:#E53935!important}
.result-stats.w4-row>div[data-w4="zap"]>strong{color:#FFC83D!important}
.result-stats.w4-row>div[data-w4="pend"]{background:#111111!important;border:1px solid rgba(255,255,255,.35);border-radius:14px}
.result-stats.w4-row>div[data-w4="pend"]>strong{color:#ffffff!important}
@media (max-width:560px){.result-stats.w4-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* 累積／本輪 切換 */
.w4-view{display:inline-flex;gap:0;margin:0 0 12px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.28)}
.w4-view>button{appearance:none;border:0;cursor:pointer;padding:7px 16px;font-size:13px;font-weight:900;font-family:inherit;background:rgba(255,255,255,.06);color:#d9e6df}
.w4-view>button.is-on{background:#F7A659;color:#10251d}
.w4-view>button:disabled{opacity:.4;cursor:not-allowed}
body.member-stats-locked .w4-view{display:none!important}
/* V1R21：手機成績單四格排成 2×2，不要 3＋1 */
@media (max-width:560px){.member-stats-box .trial-stat-row>.trial-stat{flex:1 1 calc(50% - 10px)!important;min-width:0!important}}
/* V1R21：累積／本輪 切換——不用橢圓；整列寬、左右各半，比上面四顆藥丸大，一眼分得出是切換鈕 */
.w4-view{display:flex!important;width:100%;gap:10px;margin:4px 0 14px;border:0!important;border-radius:0!important;overflow:visible!important}
.w4-view>button{flex:1 1 50%;min-height:50px;padding:0 12px!important;border-radius:12px!important;font-size:17px!important;font-weight:900!important;
  background:rgba(255,255,255,.06)!important;color:#d9e6df!important;border:2px solid rgba(255,255,255,.22)!important}
.w4-view>button.is-on{background:#F7A659!important;color:#10251d!important;border-color:#F7A659!important}
.w4-view>button[data-w4-view="total"]{text-align:center}
.w4-view>button[data-w4-view="round"]{text-align:center}
/* V1R21：成績單長條排兩列——第一列「成績單　收起」靠左；第二列四顆色塊排滿一整行，跟下面對齊 */
.member-stats-box .member-hall-toggle{display:grid!important;grid-template-columns:repeat(4,auto);column-gap:6px;row-gap:10px;align-items:center;justify-content:stretch}
.member-stats-box .member-hall-toggle>.member-hall-name{grid-row:1;grid-column:1 / -1;justify-self:start}
.member-stats-box .member-hall-toggle>.member-hall-caret{grid-row:1;grid-column:1 / -1;justify-self:start;margin-left:62px!important}
.member-stats-box .member-hall-toggle>.w4-good,.member-stats-box .member-hall-toggle>.w4-bad,
.member-stats-box .member-hall-toggle>.w4-pend,.member-stats-box .member-hall-toggle>.w4-zap{grid-row:2;justify-self:stretch;text-align:center;padding:6px 6px!important;white-space:nowrap}
.member-stats-box .member-hall-toggle>.w4-good{grid-column:1}
.member-stats-box .member-hall-toggle>.w4-bad{grid-column:2}
.member-stats-box .member-hall-toggle>.w4-pend{grid-column:3}
.member-stats-box .member-hall-toggle>.w4-zap{grid-column:4}
@media (max-width:420px){.member-stats-box .member-hall-toggle .w4-good,.member-stats-box .member-hall-toggle .w4-bad,
  .member-stats-box .member-hall-toggle .w4-pend,.member-stats-box .member-hall-toggle .w4-zap{font-size:11px!important;padding:6px 4px!important}}
/* V1R21：大廳成績單不顯示六球場加總（長條四色塊、累積四格都藏），只列各球場自己的累計；切到本輪才顯示本輪四格 */
.member-stats-box.w4-hall .member-hall-toggle>.w4-good,.member-stats-box.w4-hall .member-hall-toggle>.w4-bad,
.member-stats-box.w4-hall .member-hall-toggle>.w4-pend,.member-stats-box.w4-hall .member-hall-toggle>.w4-zap{display:none!important}
.member-stats-box.w4-hall:not(.w4-round) .trial-stat-row{display:none!important}
/* V1R21：手機頁首成績單列跟成績單長條同一個排法——第一列「成績單」，第二列四顆色塊排滿 */
@media (max-width:700px){
  .trial-fab.is-mobile-block{display:grid!important;grid-template-columns:repeat(4,auto);column-gap:6px;row-gap:8px;width:100%!important;justify-content:stretch;border-radius:16px!important}
  .trial-fab.is-mobile-block>strong{grid-row:1;grid-column:1 / -1;justify-self:start}
  .trial-fab.is-mobile-block>.w4-good,.trial-fab.is-mobile-block>.w4-bad,.trial-fab.is-mobile-block>.w4-pend,.trial-fab.is-mobile-block>.w4-zap{grid-row:2;justify-self:stretch;text-align:center;padding:6px 4px!important;font-size:11px!important}
}
/* V1R21：頁首成績單列全尺寸統一（桌機、平板、手機）——第一列「成績單」，第二列四顆色塊排滿，跟成績單長條同一個排法 */
.trial-fab{display:inline-grid!important;grid-template-columns:repeat(4,auto);column-gap:6px;row-gap:8px;align-items:center;justify-content:stretch;border-radius:16px!important;padding:10px 12px!important;white-space:nowrap}
.trial-fab>strong{grid-row:1;grid-column:1 / -1;justify-self:start}
.trial-fab>.w4-good,.trial-fab>.w4-bad,.trial-fab>.w4-pend,.trial-fab>.w4-zap{grid-row:2;justify-self:stretch;text-align:center;padding:6px 8px!important}
.trial-fab>.w4-good{grid-column:1}.trial-fab>.w4-bad{grid-column:2}.trial-fab>.w4-pend{grid-column:3}.trial-fab>.w4-zap{grid-column:4}
.trial-fab[style*="display: none"]{display:none!important}
@media (max-width:700px){.trial-fab.is-mobile-block{display:grid!important;width:100%!important}}
#trial-progress-fab.trial-fab[style*="display: none"],#trial-progress-fab.trial-fab.is-mobile-block[style*="display: none"]{display:none!important}
/* V1R21：還沒打過的球場——四顆一律灰色 */
i.w4-none,em.w4-none,span.w4-none,
.member-stats-box.w4-unplayed .member-hall-toggle>.w4-good,.member-stats-box.w4-unplayed .member-hall-toggle>.w4-bad,
.member-stats-box.w4-unplayed .member-hall-toggle>.w4-pend,.member-stats-box.w4-unplayed .member-hall-toggle>.w4-zap{
  background:rgba(255,255,255,.14)!important;color:rgba(255,255,255,.62)!important;border-color:transparent!important}
/* V1R21：壞球區清單標籤——待電爆＝黑（原 V1R18 紅色規則在此覆蓋）；已電爆＝黃 */
.bb-tag.bb-wait{background:#111111!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important}
.bb-tag.bb-done{background:#FFC83D!important;color:#1b1b1b!important}
/* V1R21（高嫚老師 9/23）：壞球區按鈕顯示「待電爆」，改黑色（與待電爆同色）；電爆區維持黃色 */
#badball-entry-btn,#practice-badball-area-btn{background:#111111!important;color:#ffffff!important;border:2px solid rgba(255,255,255,.45)!important}