/* WURA 羽球試打館｜識別層：橘色系，與正式館（綠金）明確區隔 */
:root{
  --trial-orange:#E8711A;
  --trial-orange-dark:#C55A12;
  --trial-orange-soft:#F7A659;
}

/* ===== Header 徽章 ===== */
.trial-badge{
  display:inline-flex;align-items:center;gap:6px;
  margin-left:10px;padding:4px 11px;border-radius:999px;
  background:var(--trial-orange);color:#fff;
  font-size:12px;font-weight:950;letter-spacing:.06em;
  vertical-align:middle;white-space:nowrap;
}

/* ===== 首頁 HERO ===== */
.auth-hero .member-eyebrow,
.member-eyebrow{color:var(--trial-orange)!important}
.auth-hero .member-return{color:var(--trial-orange-soft)!important}

/* ===== 登入卡 ===== */
.login-card:before{
  background:linear-gradient(90deg,#6b3208,var(--trial-orange),#6b3208)!important;
}
#email-submit-btn{
  background:linear-gradient(135deg,var(--trial-orange),var(--trial-orange-dark))!important;
  box-shadow:0 13px 28px rgba(232,113,26,.30)!important;
}
.login-card input:focus{
  border-color:var(--trial-orange)!important;
  box-shadow:0 0 0 3px rgba(232,113,26,.14)!important;
}

/* ===== 註冊按鈕：試打館主要動作，最醒目 ===== */
.trial-shell-register{
  margin-top:12px;width:100%;min-height:54px;
  border:0;border-radius:14px;cursor:pointer;
  background:linear-gradient(135deg,var(--trial-orange),var(--trial-orange-dark));
  color:#fff;font-size:17px;font-weight:950;letter-spacing:.01em;
  box-shadow:0 14px 30px rgba(232,113,26,.32);
}
.trial-shell-register:hover{filter:brightness(1.05)}
.trial-shell-register:disabled{opacity:.6;cursor:default}

/* ===== 登入卡底部說明 ===== */
.trial-login-note{
  margin:12px 0 0!important;
  color:#6a786f!important;
  font-size:13px!important;
  line-height:1.6!important;
  text-align:center;
}

.trial-login-note-sub{white-space:nowrap}
.trial-login-note-sub a{color:#8a7f72;text-decoration:underline;font-weight:700}

/* ===== 首頁試打說明區塊 ===== */
.trial-shell-banner{
  margin:18px 0 6px;padding:16px 18px;
  border-radius:16px;
  border-left:4px solid var(--trial-orange);
  background:rgba(232,113,26,.10);
}
.trial-shell-banner p{margin:0 0 9px;line-height:1.7}
.trial-shell-banner p:last-child{margin-bottom:0}
.trial-shell-banner .trial-lead{
  color:#fff;font-size:clamp(17px,1.7vw,21px);font-weight:900;
}
.trial-shell-banner .trial-hours{
  color:var(--trial-orange-soft);font-size:clamp(16px,1.5vw,19px);font-weight:950;
}
.trial-shell-banner a{color:var(--trial-orange-soft);font-weight:900}

/* ===== 倒數膠囊 ===== */
.trial-shell-countdown{
  display:inline-flex;align-items:center;
  padding:8px 14px;margin-right:10px;
  border-radius:999px;
  background:rgba(232,113,26,.14);
  border:1px solid rgba(232,113,26,.45);
  color:var(--trial-orange);
  font-weight:900;font-size:13px;white-space:nowrap;
}
.trial-shell-countdown.is-urgent{
  background:var(--trial-orange);color:#fff;
  border-color:var(--trial-orange);
  animation:trialPulse 1.8s ease-in-out infinite;
}
@keyframes trialPulse{0%,100%{opacity:1}50%{opacity:.72}}

/* ===== 常駐成交 CTA ===== */
.trial-join-bar{
  margin:0 0 20px;padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(232,113,26,.42);
  background:linear-gradient(135deg,rgba(232,113,26,.14),rgba(232,113,26,.05));
  display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;
}
.trial-join-bar p{margin:0;flex:1 1 260px;line-height:1.6;font-weight:800}
.trial-cta-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:0 24px;border-radius:999px;
  background:linear-gradient(135deg,var(--trial-orange),var(--trial-orange-dark));
  color:#fff!important;font-weight:950;font-size:16px;
  text-decoration:none!important;white-space:nowrap;
  box-shadow:0 12px 26px rgba(232,113,26,.30);
}
.trial-cta-btn:hover{filter:brightness(1.06)}
.trial-cta-btn.is-large{min-height:56px;font-size:18px;padding:0 32px}

/* ===== 每輪成績頁導購 ===== */
.trial-shell-cta{
  margin-top:18px;padding:16px 18px;border-radius:16px;
  border:1px solid rgba(232,113,26,.40);
  background:rgba(232,113,26,.07);
}
.trial-shell-cta p{margin:0 0 12px;font-weight:800;line-height:1.6}

/* ===== 到期成交頁 ===== */
.trial-expired-box{margin-top:16px}
.trial-expired-box p{margin:0 0 14px;line-height:1.75}

/* ===== 把殘留的正式館綠色 CTA 一併轉橘 ===== */
.wuraos-entry{
  border-color:rgba(232,113,26,.45)!important;
  background:linear-gradient(145deg,#fff6ec,#fff)!important;
}
.wuraos-entry .wuraos-kicker{color:var(--trial-orange-dark)!important}
.wuraos-entry-btn{background:var(--trial-orange)!important}
.hall-copy .eyebrow{color:var(--trial-orange)!important}

@media(max-width:560px){
  .trial-join-bar{padding:14px}
  .trial-cta-btn{width:100%}
  .trial-badge{margin-left:0;margin-top:6px}
}


/* ===== 開始頁 ===== */
.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:var(--trial-orange);
  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:var(--trial-orange);font-weight:950}
.trial-start-btn{
  width:100%;min-height:56px;border:0;border-radius:16px;cursor:pointer;
  background:linear-gradient(135deg,var(--trial-orange),var(--trial-orange-dark));
  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}

/* ===== 頁首常駐購買 ===== */
.trial-buy-pill{
  display:inline-flex;align-items:center;
  margin-right:10px;padding:8px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--trial-orange),var(--trial-orange-dark));
  color:#fff!important;text-decoration:none!important;
  font-size:13px;font-weight:950;white-space:nowrap;
  box-shadow:0 8px 20px rgba(232,113,26,.30);
}
.trial-buy-pill:hover{filter:brightness(1.07)}
@media(max-width:560px){
  .trial-buy-pill{font-size:12px;padding:7px 11px;margin-right:6px}
  .trial-buy-pill::after{content:""}
}

/* ===== 壞球成績 ===== */
.trial-hall-stats, .trial-expired-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:var(--trial-orange-soft)!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:var(--trial-orange);
}
.trial-stat-label{margin-top:4px;font-size:12px;color:#b9cdc2;font-weight:800}
.trial-expired-stats{background:rgba(232,113,26,.10)}
.trial-expired-stats .trial-stat{background:rgba(0,0,0,.08)}
.trial-expired-stats .trial-stat-label{color:#6b7c72}
