/* ==================================
1. 基礎樣式重置（消除默認邊距/溢出）
================================== */
/* 重置 html/body 默認邊距，禁止頁面自身滾動（由 iframe 控制滾動） */
html,
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}


/* ==================================
2. iframe 適配核心樣式（頁面縮放邏輯）
================================== */
/* 頁面最外層容器縮放配置（適配 iframe 大小）
   注：若實際外層容器不是 .app，需替換為真實類名（如 .container、.status-page 等） */
.app {
  /* 1. 基準尺寸（需根據頁面實際設計稿調整，此處為示例值） */
  width: 1000px;  /* 頁面理想寬度（基準） */
  height: 600px;  /* 頁面理想高度（基準） */
  margin: 0 auto; /* 可選：讓容器水平居中（若 iframe 寬度大於基準寬度時生效） */

  /* 2. 按 iframe 寬度自動縮放（核心適配邏輯） */
  transform-origin: top left; /* 縮放原點：左上角（避免縮放偏移） */
  transform: scale(calc(100vw / 1000)); /* 縮放比例 = iframe 寬度 ÷ 基準寬度 */

  /* 3. 同步縮放高度（保證頁面比例不變形） */
  height: calc(600 * (100vw / 1000) * 1px);
}


/* ==================================
3. 元素隱藏（按需隱藏指定標籤/容器）
================================== */
/* 隱藏所有 h1 標籤（全局） */
h1 {
  display: none !important;
}

/* 隱藏含“服務”文本的目標 h2 標籤（精準匹配 data-v 屬性和類名） */
h2.group-title[data-v-f71ca08e] {
  display: none !important;
}

/* 隱藏指定 alert 容器（匹配 data-v 屬性和類名） */
div.alert-heading.p-2[data-v-b8247e57] {
  display: none !important;
}

/* 隱藏頁面底部 footer 區域（全局） */
footer {
  display: none !important;
}


/* ==================================
4. 間距調整（覆蓋默認 padding/margin）
================================== */
/* 清除 .p-4 類的所有內邊距（上下左右均為 0） */
.p-4 {
  padding: 0 !important;
}

/* 清除 .mb-4 類的底部外邊距（設為 0） */
.mb-4 {
  margin-bottom: 0 !important;
}

/* 調整 .mt-4 類的頂部外邊距（從 1.5rem 改為 0.5rem） */
.mt-4 {
  margin-top: 0.5rem !important;
}