main h1,main h2,main h3,.page-hero__lead,.sec-head>p{text-wrap:balance}
main p,main dd{overflow-wrap:anywhere}
/* 詞組不拆到兩行（時間區段、數字＋單位、問句） */
.nw{white-space:nowrap}

/* 麵包屑的「首頁」＝共用淺色按鈕（btn btn--ghost），七頁同一條規則 */
.breadcrumb a.btn{height:44px;padding:2px 16px 0;font-size:16px}
.breadcrumb a.btn:hover{text-decoration:none}

/* 預約表單＋公司資料卡：兩張卡等高，卡片圓角、陰影、內距與 .card 一致 */
.contact-quote{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap);align-items:stretch}
.contact-form,.contact-company{position:relative;min-width:0;padding:clamp(24px,1.8vw,40px);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--depth-2)}
.contact-form::before,.contact-company::before{position:absolute;content:"";height:6px;inset:0 18px auto;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--brand),var(--sky))}
.contact-form::before{background:linear-gradient(90deg,var(--amber),#ffd27b)}
.contact-form{display:flex;flex-direction:column;gap:24px}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}
.contact-field{display:flex;flex-direction:column;gap:10px;min-width:0}
.contact-field--wide{grid-column:1/-1}
.contact-field label{color:var(--ink);font-weight:800}
.contact-field label span{margin-left:6px;color:var(--ink-3);font-size:var(--fs-small);font-weight:400}
.contact-field input,.contact-field select,.contact-field textarea{display:block;width:100%;min-width:0;margin:0;border:1px solid #afc7df;border-radius:12px;background:linear-gradient(#f4f8fd,#fff);box-shadow:0 2px 4px rgba(15,39,71,.035) inset;color:var(--ink);font:inherit;line-height:1.5}
.contact-field input,.contact-field select{height:58px;padding:12px 16px}
.contact-field textarea{height:166px;min-height:166px;max-height:166px;resize:none;padding:14px 16px}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--ink-3);opacity:1}
/* 下拉：自訂箭頭；尚未選擇時字色與其他欄位的提示字相同 */
.contact-field select{appearance:none;-webkit-appearance:none;padding-right:56px;background:linear-gradient(45deg,transparent calc(50% - 1.3px),var(--brand-d) calc(50% - 1.3px),var(--brand-d) calc(50% + 1.3px),transparent calc(50% + 1.3px)) no-repeat calc(100% - 30px) 50%/9px 9px,linear-gradient(135deg,transparent calc(50% - 1.3px),var(--brand-d) calc(50% - 1.3px),var(--brand-d) calc(50% + 1.3px),transparent calc(50% + 1.3px)) no-repeat calc(100% - 21px) 50%/9px 9px,linear-gradient(#f4f8fd,#fff);cursor:pointer}
.contact-field select:invalid{color:var(--ink-3)}
.contact-field select option{color:var(--ink)}
/* 坪數欄不顯示上下微調小箭頭 */
.contact-field input[type="number"]{appearance:textfield;-moz-appearance:textfield}
.contact-field input::-webkit-inner-spin-button,.contact-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 4px rgba(30,136,229,.16),0 2px 4px rgba(15,39,71,.035) inset}
.contact-form__actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 22px;margin-top:auto;padding-top:4px}
.contact-form__actions .btn{height:64px;min-width:200px}
.contact-form__actions p{font-size:var(--fs-small)}
.contact-company{display:flex;flex-direction:column;gap:24px;background:radial-gradient(ellipse at 100% 0,rgba(79,192,240,.16),transparent 56%),linear-gradient(150deg,#fff,var(--tint))}
.contact-company__heading{display:flex;flex-direction:column;gap:12px}
.contact-company__heading h3{font-size:clamp(23px,1.3vw,32px)}
.contact-company__details{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto;gap:20px;margin:0}
.contact-company__details>div{display:grid;grid-template-columns:5em minmax(0,1fr);gap:18px;padding-top:20px;border-top:1px solid var(--line)}
.contact-company__details dt{font-weight:800;color:var(--ink)}
.contact-company__details dd{min-width:0;margin:0;color:var(--ink-2)}
/* 右邊是按鈕的列：標籤與按鈕文字置中在同一條線 */
.contact-company__row--btn dt{display:flex;align-items:center;height:56px}
.contact-company__address{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.contact-company__details .btn{height:56px;min-width:min(100%,15em);font-size:18px}
.contact-company__details .contact-company__email{white-space:normal;overflow-wrap:anywhere}

/* 常見問題：五題＋「看更多」共六格，寬螢幕三欄兩列不留空洞 */

/* 平板以下：只改排法，文字與連結不變 */
@media(max-width:1199px){

  .contact-quote{grid-template-columns:minmax(0,1fr)}
  .contact-company__details>div{grid-template-columns:1fr;gap:10px}
  .contact-company__row--btn dt{height:auto}
}
@media(max-width:900px){
  .page-hero__card{grid-template-columns:minmax(0,1fr) auto;gap:24px}
.contact-quote{grid-template-columns:1fr}
  .contact-company__details>div{grid-template-columns:5em minmax(0,1fr);gap:18px}
  .contact-company__row--btn dt{height:56px}
}
@media(max-width:600px){

  .contact-form,.contact-company{padding:26px 22px;gap:22px}
  .contact-fields{grid-template-columns:1fr;gap:20px}
  .contact-field--wide{grid-column:auto}
  .contact-field input,.contact-field select{height:56px}
  .contact-form__actions{align-items:stretch;gap:14px}
  .contact-form__actions .btn{width:100%}
  .contact-form__actions p{width:100%;text-align:center}
  .contact-company__details>div{grid-template-columns:1fr;gap:10px;padding-top:18px}
  .contact-company__row--btn dt{height:auto}
  .contact-company__details .btn{width:100%}
  .contact-company__address{align-items:stretch}
}
@media(min-width:1921px){

  .contact-fields{gap:24px 28px}
  .contact-company__details{gap:22px}
}

/* 常見問題：一張清單卡，每題一列（左問題、右答案），題與題之間細線分隔；不做等高小卡，避免短答案留白 */
.contact-faqs{display:block;padding:0 clamp(24px,2.2vw,48px)}
.contact-faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:clamp(20px,2.4vw,64px);align-items:start;padding:clamp(22px,1.6vw,34px) 0}
.contact-faq+.contact-faq{border-top:1px solid var(--line)}
.contact-faq h3{margin:0;font-size:clamp(20px,1.05vw,26px);line-height:1.5}
.contact-faq p{margin:0;color:var(--ink-2)}
.contact-faq-actions{display:flex;justify-content:flex-start;margin-top:24px}
@media(max-width:900px){
  .contact-faq{grid-template-columns:minmax(0,1fr);gap:10px}
}
@media(max-width:600px){
  .contact-faqs{padding:0 20px}
  .contact-faq-actions .btn{width:100%}
}

/* 公司資料頁（2026-10-04）：基本資料 8 格（四欄）、聯絡方式 6 格（三欄）、地圖滿寬 */
.company-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:clamp(20px,1.6vw,32px)}
.company-card__label{margin:0;color:var(--brand-d);font-size:clamp(16px,.85vw,18px);font-weight:800;letter-spacing:.08em}
.company-card>.company-card__value{display:flex;flex-direction:column;gap:6px;min-width:0;margin-top:0}  /* 用兩層選擇器蓋掉 .card>:last-child 的推到底，內容一律貼標籤下方 */
.company-card__value b{font-size:clamp(19px,1.15vw,26px);font-weight:800;line-height:1.4;overflow-wrap:anywhere}
.company-card__value small{color:var(--ink-3,#55677a);font-size:clamp(16px,.85vw,18px);line-height:1.6}
.company-card__value a{color:inherit;text-decoration:none}
.company-card__value a:hover b{color:var(--brand)}
.company-map{padding:10px;overflow:hidden}
.company-map iframe{display:block;width:100%;height:clamp(300px,28vw,520px);border:0;border-radius:calc(var(--r-lg) - 8px)}

/* 線上預約 AI 對話窗（2026-10-04，取代表單）：hidden 屬性要贏過下面的 display:flex */
.bc__typing[hidden],.bc__chips[hidden]{display:none}
/* 線上預約 AI 對話窗（2026-10-04，取代表單）：桌機固定高度內捲、手機吃滿可視高度；氣泡字級不小於 16px */
.contact-chat{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto;gap:14px;height:clamp(560px,70vh,820px);padding:clamp(16px,1.4vw,26px)}
.bc__head{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.bc__avatar{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--brand-2,#4fc0f0),var(--brand));box-shadow:inset 0 1px 0 #ffffff80,0 10px 20px -12px #0f2747aa}
.bc__avatar svg{width:28px;height:28px}
.bc__head-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.bc__head-text b{font-size:clamp(18px,1.1vw,22px);line-height:1.3}
.bc__head-text span{color:var(--ink-3);font-size:clamp(16px,.85vw,17px);line-height:1.45}
.bc__status{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;border-radius:30px;background:#e8f7ef;color:#1b7f4b;font-size:16px;font-weight:800;white-space:nowrap}
.bc__status i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e33}
.bc__log{display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;padding:4px 6px 4px 2px;scrollbar-width:thin;scrollbar-color:#b9cbdc transparent;overscroll-behavior:contain}
.bc__log::-webkit-scrollbar{width:8px}.bc__log::-webkit-scrollbar-thumb{border-radius:8px;background:#b9cbdc}
.bc__msg{display:flex;flex-direction:column;gap:4px;max-width:min(78%,640px)}
.bc__msg--me{align-self:flex-end;align-items:flex-end}
.bc__who{color:var(--ink-3);font-size:16px;font-weight:700;letter-spacing:.04em}
.bc__bubble{padding:12px 16px;border-radius:18px;font-size:var(--fs-body,17px);line-height:1.7;overflow-wrap:anywhere;box-shadow:0 8px 18px -14px #0f274766}
.bc__msg--bot .bc__bubble,.bc__msg--staff .bc__bubble{border:1px solid var(--line);border-top-left-radius:6px;background:linear-gradient(#fff,#f3f7fb);color:var(--ink)}
.bc__msg--staff .bc__bubble{border-color:#f5c87a;background:linear-gradient(#fff,#fff6e6)}
.bc__msg--me .bc__bubble{border-top-right-radius:6px;background:linear-gradient(160deg,var(--brand-2,#4fc0f0),var(--brand));color:#fff}
.bc__bubble a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.bc__time{color:var(--ink-3);font-size:16px}
.bc__note{align-self:center;max-width:90%;padding:8px 14px;border-radius:12px;background:#eef3f8;color:var(--ink-3);font-size:16px;text-align:center}
.bc__note--warn{background:#fff3e0;color:#9a5b00}
.bc__typing{display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:16px}
.bc__dots{display:inline-flex;gap:4px}.bc__dots i{width:7px;height:7px;border-radius:50%;background:var(--brand);animation:bc-blink 1.2s infinite}
.bc__dots i:nth-child(2){animation-delay:.2s}.bc__dots i:nth-child(3){animation-delay:.4s}
@keyframes bc-blink{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.bc__chips{display:flex;flex-wrap:wrap;gap:10px}
.bc__chips .btn{height:48px;padding-inline:18px;font-size:16px}
.bc__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.bc__input{display:block;width:100%;min-width:0;height:56px;max-height:160px;margin:0;padding:14px 16px;border:1px solid #afc7df;border-radius:14px;background:linear-gradient(#f4f8fd,#fff);box-shadow:0 2px 4px rgba(15,39,71,.035) inset;color:var(--ink);font:inherit;font-size:var(--fs-body,17px);line-height:1.6;resize:none}
.bc__input:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 4px rgba(30,136,229,.16),0 2px 4px rgba(15,39,71,.035) inset}
.bc__input::placeholder{color:var(--ink-3);opacity:1}
.bc__send{height:56px;min-width:120px}
.is-busy .bc__send{opacity:.6}
.bc__foot{margin:0;color:var(--ink-3);font-size:16px;line-height:1.5}
.bc__foot a{color:var(--brand-d)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){
  .contact-chat{height:min(78vh,calc(100svh - 150px));padding:14px}
  .bc__status{display:none}
  .bc__head-text span{display:none}
  .bc__msg{max-width:88%}
  .bc__send{min-width:56px;padding-inline:0}
  .bc__send span{display:none}
  .bc__chips .btn{flex:1 1 calc(50% - 5px)}
}

/* 對話窗上方的會員列（2026-10-04）：一直佔一列（第二列），對話區永遠是第三列的彈性高度；未登入提示登入、已登入問要不要把對話存進會員紀錄 */
.bc__member{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:44px;margin:-4px 0;padding:6px 14px;box-sizing:border-box;border:1px solid transparent;border-radius:12px;background:#f0f7ff;color:var(--ink-2);font-size:16px;line-height:1.5}
.bc__member:empty{background:none}
.bc__member-text{flex:1 1 16em;min-width:0}
.bc__member a{color:var(--brand-d);font-weight:800;text-underline-offset:3px}
.bc__member--ask{border-color:#f5d28a;background:#fff8e6;color:var(--ink);font-weight:700}
.bc__member-btns{display:flex;gap:8px;flex:0 0 auto}
.bc__member .btn{height:40px;padding:2px 16px 0;border-bottom-width:3px;border-radius:11px;font-size:16px}
.bc__member .btn[disabled]{opacity:.6;pointer-events:none}
@media(max-width:760px){
  .bc__member{padding:6px 10px}
  .bc__member-btns{flex:1 1 100%}
  .bc__member-btns .btn{flex:1 1 0}
}

/* 對話窗關卡（2026-10-04 契約 v2）：未登入／未加好友／資料未填時，同一個對話窗位置只顯示「頁首＋關卡」兩列，關卡吃滿剩下高度、內容上下左右置中；放不下時在關卡內捲動 */
.contact-chat:not([data-state="chat"]){grid-template-rows:auto minmax(0,1fr)}
.contact-chat:not([data-state="chat"])>:not(.bc__head):not(.bc__gate){display:none!important}
.contact-chat[data-state="chat"]>.bc__gate{display:none}
.bc__gate{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:#b9cbdc transparent;overscroll-behavior:contain}
.bc__gate::-webkit-scrollbar{width:8px}.bc__gate::-webkit-scrollbar-thumb{border-radius:8px;background:#b9cbdc}
.bc-gate{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(100%,620px);margin:auto;text-align:center}
.bc-gate__loading{display:flex;align-items:center;gap:12px;margin:auto;color:var(--ink-3);font-size:17px}
.bc-gate__loading::after{content:"";width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:bc-spin .8s linear infinite}
@keyframes bc-spin{to{transform:rotate(360deg)}}
.bc-gate__badge{display:grid;place-items:center;flex:0 0 auto;width:72px;height:72px;border-bottom:5px solid var(--brand-d);border-radius:22px;background:linear-gradient(145deg,var(--brand-2),var(--brand));color:#fff;box-shadow:var(--depth-1),0 14px 26px -14px rgba(2,103,185,.55)}
.bc-gate__badge svg{width:36px;height:36px}
.bc-gate__badge--line{border-bottom-color:var(--line-edge);background:linear-gradient(var(--line-g2),var(--line-g) 55%,var(--line-gd));box-shadow:var(--depth-1),0 14px 26px -14px rgba(6,199,85,.6)}
.bc-gate__badge--line svg{width:46px;height:44px}
.bc-gate__lead{margin:0;color:var(--ink);font-size:clamp(20px,1.25vw,26px);font-weight:800;line-height:1.45}
.bc-gate__sub{margin:-4px 0 0;color:var(--ink-2);font-size:clamp(16px,.9vw,18px);line-height:1.6}
.bc-gate>.bc-gate__btn{align-self:center;width:min(100%,360px)} /* 蓋過共用 .card>.btn 的靠左，按鈕置中 */
.bc-gate__btn svg{width:28px;height:26px;flex:0 0 28px}
.bc-gate__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}
.bc-gate__actions>.bc-gate__btn{flex:1 1 15em;max-width:300px}
.bc-gate__btn[disabled]{opacity:.6;pointer-events:none}
/* 檢查結果／送出結果：固定一行高度，出現與消失都不推動版面 */
.bc-gate__status{width:100%;height:26px;margin:-4px 0 0;overflow:hidden;color:var(--ink-3);font-size:16px;font-weight:700;line-height:26px;white-space:nowrap;text-overflow:ellipsis}
.bc-gate__status.is-err{color:#b3261e}
.bc-gate__hint{margin:-6px 0 0;color:var(--ink-3);font-size:16px;line-height:1.6}

/* 基本資料表單（v3：先選「公司行號｜個人」，再填該類型欄位；欄位由 js/profile-fields.js 畫，會員頁共用）
   對話窗內：欄位區自己捲動，「開始對話」固定在表單底部，任何寬度不用捲就看得到按鈕 */
.contact-chat[data-state="profile"]>.bc__gate{overflow:hidden}
.bc-gate.bc-gate--form{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:0;flex:1 1 auto;width:100%;min-height:0;margin:0}
.bc-gate__scroll{display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:#b9cbdc transparent;overscroll-behavior:contain}
.bc-gate__scroll::-webkit-scrollbar{width:8px}.bc-gate__scroll::-webkit-scrollbar-thumb{border-radius:8px;background:#b9cbdc}
.bc-gate__body{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(100%,max(820px,52vw));margin:auto;padding:4px 0 8px}
.bc-gate__foot{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:12px;border-top:1px solid var(--line)}
.bc-gate__foot>.bc-gate__btn{width:min(100%,360px)}
.bc-gate__foot>.bc-gate__status{margin:0;text-align:center}
.bc-gate--form .bc-gate__badge{display:none}
/* 欄位格線：6 欄。公司＝兩欄一列（電話＋分機合佔一格）；個人＝姓名｜性別｜手機三欄一列；類型、地址、同意整列 */
.bc-pf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 18px;width:100%;margin-top:4px;text-align:left}
.bc-pf>*{grid-column:span 3}
.bc-pf>:is(.bc-pf__f--type,.bc-pf__f--company_address,.bc-pf__f--address,.bc-pf__f--consent){grid-column:1/-1}
.bc-pf>.bc-pf__f--company_tel{grid-column:span 2}
.bc-pf>.bc-pf__f--company_ext{grid-column:span 1}
.bc-pf:not([data-type="company"])>:is(.bc-pf__f--nickname,.bc-pf__f--gender,.bc-pf__f--phone){grid-column:span 2}
.bc-pf:not([data-type="company"])>.bc-pf__co,.bc-pf:not([data-type="personal"])>.bc-pf__ps{display:none}
.bc-pf__field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;border:0}
.bc-pf__field label,.bc-pf__field legend{padding:0;color:var(--ink);font-size:17px;font-weight:800;line-height:1.5;white-space:nowrap}
.bc-pf__field legend{margin-bottom:8px}
.bc-pf__field label small{margin-left:8px;color:var(--ink-3);font-size:15px;font-weight:600}
.bc-pf__field input[type="text"],.bc-pf__field input[type="tel"]{display:block;width:100%;min-width:0;height:54px;box-sizing:border-box;margin:0;padding:11px 14px;border:1px solid #afc7df;border-bottom:3px solid #b4cae0;border-radius:12px;background:linear-gradient(#f4f8fd,#fff);box-shadow:0 2px 4px rgba(15,39,71,.035) inset;color:var(--ink);font:inherit;font-size:17px;line-height:1.5}
.bc-pf__field input::placeholder{color:var(--ink-3);opacity:1;font-size:16px}
.bc-pf__field input:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 4px rgba(30,136,229,.16)}
.bc-pf__field input[aria-invalid="true"]{border-color:#c43847;background:#fff8f8}
/* 欄位下方的錯誤提示：固定一行高度，出現時不推動下面的欄位 */
.bc-pf__err{height:22px;margin:-2px 0 0;overflow:hidden;color:#b3261e;font-size:15px;font-weight:700;line-height:22px;white-space:nowrap;text-overflow:ellipsis}
/* 客戶類型、性別：兩顆立體選擇鈕 */
.bc-pf__genders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-radius:14px}
.bc-pf__gender{position:relative;display:block;min-width:0;cursor:pointer}
.bc-pf__gender input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.bc-pf__gender span{display:flex;align-items:center;justify-content:center;height:54px;box-sizing:border-box;padding-top:2px;border:1px solid var(--line);border-bottom:4px solid var(--line);border-radius:14px;background:linear-gradient(var(--white),var(--tint));color:var(--brand-d);font-size:18px;font-weight:800;white-space:nowrap;box-shadow:var(--depth-1),0 7px 18px -12px rgba(2,103,185,.35);transition:transform 160ms}
.bc-pf__gender:hover span{transform:translateY(-1px)}
.bc-pf__gender input:checked+span{border-color:rgba(2,103,185,.12);border-bottom-color:var(--brand-d);background:linear-gradient(var(--brand-2),var(--brand));color:#fff}
.bc-pf__gender input:focus-visible+span{outline:3px solid rgba(30,136,229,.45);outline-offset:2px}
.bc-pf__genders.is-invalid .bc-pf__gender span{border-color:#e4a0a8;border-bottom-color:#c43847}
/* 個資同意 */
.bc-pf__consent{display:flex!important;align-items:flex-start;gap:10px;font-weight:700!important;white-space:normal!important;cursor:pointer}
.bc-pf__consent input{flex:0 0 22px;width:22px;height:22px;margin:2px 0 0;accent-color:var(--brand)}
.bc-pf__consent a{color:var(--brand-d);text-underline-offset:3px}
.bc-pf__consent input[aria-invalid="true"]{outline:2px solid #c43847;outline-offset:2px}
@media(max-width:760px){
  .bc-pf{gap:6px 12px}
  .bc-pf>.bc-pf__field,.bc-pf:not([data-type="company"])>.bc-pf__field{grid-column:1/-1}
  .bc-gate--form .bc-gate__sub{display:none}
  .bc-gate--form .bc-gate__btn{height:58px}
  .bc-gate__foot{padding-top:10px}
  .bc__gate{padding:2px}
  .bc-gate{gap:12px}
  .bc-gate__badge{width:60px;height:60px;border-radius:18px}
  .bc-gate__badge svg{width:30px;height:30px}
  .bc-gate__badge--line svg{width:40px;height:38px}
  .bc-gate>.bc-gate__btn,.bc-gate__actions>.bc-gate__btn,.bc-gate__foot>.bc-gate__btn{width:100%;max-width:none}
  .bc-gate__actions{flex-direction:column}
  .bc-gate__actions>.bc-gate__btn{flex:0 0 auto}
}
/* 矮螢幕（小手機）：關卡上方圖示收起，內容不用捲 */
@media(max-width:760px) and (max-height:700px){
  .bc-gate__badge{display:none}
}