/*
 * sa272 門面修飾層(2026-11-03 Owner「再修飾、美感點」;前一步定調「維持舊站長相，只修破損」)。
 * 版型、圖、文案、配色都是舊站的，這支只動「質感」:字級拉到可讀(內文 ≥16px)、按鈕做成按得到的大小(≥44px)、
 * 區塊間距與對齊、細節收邊;重複連結收斂;舊站頁首 / 底部列收掉改用站內共用的。
 * 全部掛 .sa272f .super_container(比 facade.css 的 .sa272f 多一層，同權重時也排在它後面)。
 * 載入:src/facade/sa/FacadePage.jsx 在 facade.css 後面接這支;還原 = 拿掉那一行 <link>。
 */
.sa272f .super_container {
  --sa-gold: #bf9a5d;
  --sa-gold-hi: #e3c48c;
  --sa-gold-grad: linear-gradient(180deg, #e3c48c 0%, #bf9a5d 55%, #a8834a 100%);
  --sa-ink: #232323;
  --sa-body: #4a4540;
  --sa-line: #e6ddd0;
}
/* 基準字級只拉首頁(其他頁的版面是照 12px 排的，一拉產品展示 / 關於我們就各長 300~700px) */
.sa272f[data-facade="/"] .super_container {
  font-size: 16px;
  line-height: 1.7;
}

/* ── 頁首:改掛站內共用頁首(AppShell 的 v2 頁首 / 底部列,2026-11-03 Owner「要有頁尾、共用頁首」)──
   舊站自己的頁首、手機漢堡選單、手機底部固定選單收掉;手機版 .home 原本讓出舊頁首 64px 的上距也拿掉 */
.sa272f .super_container .header,
.sa272f .super_container .hamburger_bar,
.sa272f .super_container .menu,
.sa272f .super_container .nav-ft {
  display: none !important;
}
.sa272f .super_container .home {
  margin-top: 0 !important;
}
/* 共用頁首在手機上的「登入 / 註冊」跟底部列的「註冊 / 登入」重複(Owner「註冊就太多」)→ 門面頁手機收掉頁首那兩顆。
   頁首在 .sa272f 外面，用 body:has(.sa272f) 鎖在門面頁;樣式表離開門面頁後還留在 <head>,不加這層會漏到大廳 */
@media (max-width: 767px) {
  body:has(.sa272f) .hdr .hdr-right .hbtn {
    display: none;
  }
}

/* ── 主視覺:圖下方那條 48px 黑帶拿掉，指示點收進圖裡 ──
   黑帶是舊站 #index_carousel::after 的金色弧線圖(index_carousel.svg,高 7rem,弧線下半是純黑)
   top:-3.5rem + margin-bottom:-4rem 只抵掉一半，多撐出 48px → 位置照舊(弧線切在圖底)、高度全抵掉;
   超出圖底的下半段黑色由 .carousel 原本的 overflow:hidden 裁掉 */
.sa272f .super_container .home,
.sa272f .super_container .home > .carousel {
  height: auto;
}
.sa272f .super_container #index_carousel::after {
  margin-bottom: -7rem;
  pointer-events: none;
}
.sa272f .super_container .carousel-indicators {
  bottom: 22px;
  margin-bottom: 0;
}
.sa272f .super_container .carousel-indicators li {
  width: 26px;
  height: 4px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.45);
}
.sa272f .super_container .carousel-indicators .active {
  width: 40px;
  background-color: var(--sa-gold-hi);
}

/* ── 三格入口(幸運輪 / 真人遊戲 / APP):按鈕放大、兩顆主次分明 ── */
.sa272f .super_container .intro_col h2 {
  letter-spacing: 0.08em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
}
.sa272f .super_container .intro_col h4 {
  margin-bottom: 14px;
  font-size: 17px;
  letter-spacing: 0.04em;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
}
.sa272f .super_container .intro_col .res_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 112px;
  height: 44px;
  margin: 0 4px !important;
  padding: 0 22px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sa272f .super_container .intro_col .res_button:first-of-type {
  background: var(--sa-gold-grad) !important;
  color: #2a1d08;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}
/* Owner「重複鏈結也不要太多、註冊就太多」:三格各一顆「立即註冊」收掉(註冊入口 = 電腦頁首 / 手機底部列各一顆) */
.sa272f .super_container .intro_col .res_button[data-auth="register"] {
  display: none;
}
.sa272f .super_container .intro_col .res_button:hover {
  transform: translateY(-1px);
}

/* ── 全方位服務卡:表格、星等、說明字級;卡片陰影收斂
   卡片是 absolute 垂直置中在 .sig 裡(右邊獎項圖在文件流),長高會往上壓到入口圖 → 上下內距收一點，總高維持舊站的 ~690 ── */
.sa272f .super_container .sig_content {
  padding-top: 44px;
  padding-bottom: 44px;
  border: 1px solid var(--sa-line);
  border-top: 3px solid var(--sa-gold);
  box-shadow: 0 30px 60px rgba(35, 25, 10, 0.16);
}
.sa272f .super_container .sig_rating {
  margin: 10px 0 8px;
  color: var(--sa-gold);
  font-size: 16px;
  letter-spacing: 0.2em;
}
.sa272f .super_container .sig_content table {
  margin-bottom: 18px;
  border: 0;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.6;
}
.sa272f .super_container .sig_content table td {
  padding: 6px 12px;
  border: 0;
  border-bottom: 1px solid var(--sa-line);
  color: var(--sa-body);
}
.sa272f .super_container .sig_content table tr:first-child td {
  border-top: 1px solid var(--sa-line);
}
.sa272f .super_container .sig_content table td:first-child {
  width: 46%;
  color: var(--sa-ink);
  font-weight: 700;
}
.sa272f .super_container .sig_content_list li {
  font-size: 15px;
  color: #8a8178;
}
.sa272f .super_container .sig_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 48px;
  margin-top: 20px;
  padding: 0;
  border-radius: 999px;
  overflow: hidden;
}
.sa272f .super_container .sig_button a {
  padding: 0 36px;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 46px;
}

/* 電腦 / 平板:卡片改回文件流撐開 .sig、右邊獎項圖改成垂直置中墊在後面 ——
   舊站反過來(卡片 absolute 置中、圖在文件流),卡片一長就往上壓到入口圖(1024 寬舊站本來就重疊 28px) */
@media (min-width: 992px) {
  .sa272f .super_container .sig {
    position: relative;
    height: auto;
    padding: 80px 0;
  }
  .sa272f .super_container .sig_content_container {
    position: relative;
    top: auto;
    transform: none;
  }
  .sa272f .super_container .sig_image_container {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
  }
}

/* ── SA 沙龍遊戲介紹:四格說明字從 12px 拉到可讀 ── */
.sa272f .super_container .live > h2 {
  margin: 72px 0 40px !important;
  letter-spacing: 0.08em;
}
.sa272f .super_container .live .p-3 {
  padding: 28px 28px 24px !important;
}
.sa272f .super_container .live .p-3 h3,
.sa272f .super_container .live .p-3 h2,
.sa272f .super_container .live .p-3 h4 {
  margin-bottom: 10px;
  letter-spacing: 0.06em;
}
/* 舊站說明字包在 <small>(80%)裡，一起拉回 */
.sa272f .super_container .live small {
  font-size: inherit;
}
.sa272f .super_container .live .p-3 p,
.sa272f .super_container .live .p-3 div,
.sa272f .super_container .live .text-dark {
  font-size: 15px;
  line-height: 1.75;
  color: var(--sa-body) !important;
}

/* ── 特色介紹(深底長文):上下留白、標題下加金線 ── */
.sa272f .super_container .live > .m-0.text-center {
  padding: 64px 0 56px;
}
.sa272f .super_container .live > .m-0.text-center h2 {
  position: relative;
  margin-bottom: 26px !important;
  padding-bottom: 16px;
}
.sa272f .super_container .live > .m-0.text-center h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 56px;
  height: 2px;
  background: var(--sa-gold);
}
.sa272f .super_container .live > .m-0.text-center p,
.sa272f .super_container .live > .m-0.text-center .text-white {
  line-height: 1.85;
  color: #d9d4cc !important;
}

/* ── 頁尾:品牌 | 站內連結 | 客服 排成一行(天條 40)──
   共用頁首沒有產品展示 / 服務簡介 / 娛樂城技巧 / 關於我們，頁尾是訪客進這幾頁的入口(連結改成真的連過去，見 pages.js);
   舊站兩排(六條 + MT百家樂)併成一排 */
.sa272f .super_container .footer {
  padding: 36px 0;
  border-top: 2px solid var(--sa-gold);
}
.sa272f .super_container .footer .row {
  align-items: center;
}
.sa272f .super_container .footer_col:has(> .footer_about) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 22px;
  margin: 0 !important;
}
.sa272f .super_container .footer_about,
.sa272f .super_container .footer_about ul {
  display: contents !important;
}
.sa272f .super_container .footer_about li {
  margin: 0 !important;
  list-style: none;
}
.sa272f .super_container .footer_about li a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  color: #e9e4da;
  font-size: 15px;
  white-space: nowrap;
}
.sa272f .super_container .footer_about li a:hover {
  color: var(--sa-gold-hi);
}
.sa272f .super_container .footer_contact li {
  font-size: 15px;
}
.sa272f .super_container .footer_contact li a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
}

/* ── 手機 ── */
@media (max-width: 767px) {
  .sa272f .super_container .intro_col {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .sa272f .super_container .intro_col h4 {
    font-size: 16px;
  }
  .sa272f .super_container .sig_content {
    padding: 36px 22px 32px;
  }
  .sa272f .super_container .live > h2 {
    margin: 48px 0 28px !important;
    font-size: 28px;
  }
  .sa272f .super_container .live .p-3 {
    padding: 20px 18px !important;
  }
  .sa272f .super_container .live > .m-0.text-center {
    padding: 44px 0 40px;
  }
  .sa272f .super_container .live > .m-0.text-center h2 {
    font-size: 26px;
  }
  /* API / Online CS / Wallet Integration / Formidable Back Office:手機一行放不下，原本是四欄硬擠、字斷成好幾行 → 自然折行 */
  .sa272f .super_container .sig_content_list ul {
    flex-wrap: wrap;
    padding: 0;
  }
  .sa272f .super_container .sig_content_list ul li {
    white-space: nowrap;
  }
  /* 「在沙龍百家享受專業服務」:手機原本只佔左邊 8/12,右邊是被裁掉的手機圖、一片黑 → 文字吃滿寬、背景壓暗 */
  .sa272f .super_container .live > .p-0[data-bg] {
    position: relative;
  }
  .sa272f .super_container .live > .p-0[data-bg]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.8));
  }
  .sa272f .super_container .live > .p-0[data-bg] .container {
    position: relative;
  }
  .sa272f .super_container .live > .p-0[data-bg] .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 40px 6px;
  }
  .sa272f .super_container .live > .p-0[data-bg] h2 {
    font-size: 28px;
    line-height: 1.35;
  }
  /* 頁尾:舊站手機只顯示中間那排連結，品牌 / 版權 / 客服是 d-none d-md-block → 手機也顯示，單欄置中(連結自然折行) */
  .sa272f .super_container .footer .footer_col.d-none {
    display: block !important;
  }
  .sa272f .super_container .footer {
    padding: 28px 0 24px;
    text-align: center;
  }
  .sa272f .super_container .footer .footer_col {
    width: 100%;
    margin-bottom: 0;
  }
  .sa272f .super_container .footer .row {
    row-gap: 14px;
  }
  .sa272f .super_container .footer_col:has(> .footer_about) {
    gap: 0 16px;
  }
  .sa272f .super_container .footer .copyright {
    margin-top: 12px;
  }
  .sa272f .super_container .footer_contact ul li {
    margin: 0 !important;
  }
  .sa272f .super_container .footer_contact ul {
    display: flex;
    justify-content: center;
    gap: 18px;
    padding: 0;
  }
  .sa272f .super_container .footer_contact li {
    align-items: center !important;
    justify-content: center !important;
  }
}