/* ============================================================
   arno-global.css  —  安心當舖全站設計系統
   來源: 原正式站 GTM 注入的『全站專用 CSS｜GTM Clean Version』
   2026-07-14 抽出改為原生 CSS(demo 已移除 GTM, 樣式不該依賴追蹤碼)
   注意: 更新請改這裡, 別再塞回 GTM。body 字型已保留 Noto Sans TC 子集為首選。
   ============================================================ */

/* =========================
   全站共用 CSS｜GTM Clean Version
   適用：文章排版、麵包屑、H2/H3、UL/OL、表格、FAQ、CTA、作者區塊、Google評論、商家資訊、ax-hero圖文卡片
========================= */

/* ======================
   色彩變數
====================== */
:root {
  --gold: #c8a046;
  --gold-dark: #7a5c1e;
  --gold-soft: #fff8e7;
  --gold-line: #ead7a6;
  --ink: #333;
  --muted: #666;
  --radius: 14px;
  --shadow: 0 6px 16px rgba(0,0,0,.08);
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

body {
  color: var(--ink);
  font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
  line-height: 1.85;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

/* 文章 a 連結 */
#content a {
  color: #f9992d;
  border-bottom: unset;
}

/* ======================
   麵包屑 bread-arno：置中＋移除 ol 數字
====================== */

.bread-arno,
#content .bread-arno,
.content-wrap .bread-arno,
.post-content .bread-arno,
.entry-content .bread-arno {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto 18px !important;
  text-align: center !important;
}

.bread-arno ol,
#content .bread-arno ol,
.content-wrap .bread-arno ol,
.post-content .bread-arno ol,
.entry-content .bread-arno ol {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  counter-reset: none !important;
}

.bread-arno ol > li,
#content .bread-arno ol > li,
.content-wrap .bread-arno ol > li,
.post-content .bread-arno ol > li,
.entry-content .bread-arno ol > li {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  counter-increment: none !important;
  color: #9a6b12 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.bread-arno ol > li::before,
#content .bread-arno ol > li::before,
.content-wrap .bread-arno ol > li::before,
.post-content .bread-arno ol > li::before,
.entry-content .bread-arno ol > li::before {
  display: none !important;
  content: none !important;
}

.bread-arno a,
#content .bread-arno a,
.content-wrap .bread-arno a,
.post-content .bread-arno a,
.entry-content .bread-arno a {
  color: #f9992d !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

.bread-arno a:hover,
#content .bread-arno a:hover,
.content-wrap .bread-arno a:hover,
.post-content .bread-arno a:hover,
.entry-content .bread-arno a:hover {
  color: #9a6b12 !important;
  text-decoration: underline !important;
}

/* ======================
   強調文字 / 引言
====================== */
#content strong,
.content-wrap strong,
.post-content strong,
.entry-content strong {
  background-image: linear-gradient(
    90deg,
    rgba(194, 162, 85, .65) 0%,
    rgba(194, 162, 85, .46) 55%,
    rgba(194, 162, 85, .48) 100%
  );
  background-repeat: no-repeat;
  background-size: 100% 42%;
  background-position: 0 88%;
  border-radius: 6px;
  padding: 0 4px;
}

#content blockquote,
.content-wrap blockquote,
.post-content blockquote,
.entry-content blockquote {
  padding: 14px 22px;
  margin: 24px 0;
  font-size: 17px;
  line-height: 1.85;
  border-left: 6px solid var(--gold);
  background: #fbf8f0;
  border-radius: 0 10px 10px 0;
}

/* ======================
   H2 主標題
====================== */
#content h2,
.content-wrap h2,
.post-content h2,
.entry-content h2 {
  position: relative;
  display: block;
  width: 100%;
  margin: 58px auto 30px !important;
  padding: 15px 22px !important;
  background: linear-gradient(135deg, var(--gold) 0%, #b38a33 100%);
  color: #fff !important;
  text-align: center;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: .04em;
  border-radius: 0;
  box-shadow: 0 8px 20px rgba(122, 92, 30, .14);
  clear: both;
}

#content h2::after,
.content-wrap h2::after,
.post-content h2::after,
.entry-content h2::after {
  display: none !important;
}

/* 避免元件內 H2 被全站 H2 樣式干擾 */
#content .ax-content h2,
.content-wrap .ax-content h2,
.post-content .ax-content h2,
.entry-content .ax-content h2 {
  background: transparent !important;
  color: var(--gold-dark) !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 20px !important;
  text-align: left;
}

/* ======================
   H3 小標題
====================== */
#content h3,
.content-wrap h3,
.post-content h3,
.entry-content h3 {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  margin: 34px 0 18px !important;
  padding: 0 0 0 10px !important;
  color: var(--gold-dark) !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
  letter-spacing: .02em !important;
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-thickness: 0 !important;
  text-underline-offset: 0 !important;
}

#content h3::before,
.content-wrap h3::before,
.post-content h3::before,
.entry-content h3::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 1.15em !important;
  margin-right: 10px !important;
  background: var(--gold) !important;
  border-radius: 999px !important;
  flex: 0 0 4px !important;
}

/* 不套用在特殊元件標題 */
#content .ax-title,
#content .gr-title,
#content .biz-info h3,
.content-wrap .ax-title,
.content-wrap .gr-title,
.content-wrap .biz-info h3,
.post-content .ax-title,
.post-content .gr-title,
.post-content .biz-info h3,
.entry-content .ax-title,
.entry-content .gr-title,
.entry-content .biz-info h3 {
  display: flex !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}

#content .ax-title::before,
#content .gr-title::before,
#content .biz-info h3::before,
.content-wrap .ax-title::before,
.content-wrap .gr-title::before,
.content-wrap .biz-info h3::before,
.post-content .ax-title::before,
.post-content .gr-title::before,
.post-content .biz-info h3::before,
.entry-content .ax-title::before,
.entry-content .gr-title::before,
.entry-content .biz-info h3::before {
  content: none !important;
  display: none !important;
}

/* ======================
   H4 / 段落文字
====================== */
#content h4,
.content-wrap h4,
.post-content h4,
.entry-content h4 {
  margin: 24px 0 14px;
  color: #444;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.55;
}

#content p,
.content-wrap p,
.post-content p,
.entry-content p {
  color: var(--ink);
  font-size: 18px;
  line-height: 1.95;
  letter-spacing: .02em;
}

/* ======================
   UL / OL 清單樣式
====================== */
#content ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu),
.content-wrap ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu),
.post-content ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu),
.entry-content ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu),
#content ol:not(.faq-list):not(.bread-arno ol),
.content-wrap ol:not(.faq-list):not(.bread-arno ol),
.post-content ol:not(.faq-list):not(.bread-arno ol),
.entry-content ol:not(.faq-list):not(.bread-arno ol) {
  margin: 16px 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
}

#content ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu) > li,
.content-wrap ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu) > li,
.post-content ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu) > li,
.entry-content ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu) > li {
  position: relative;
  margin: 0 0 12px !important;
  padding-left: 30px !important;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.9;
  letter-spacing: .02em;
}

#content ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu) > li::before,
.content-wrap ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu) > li::before,
.post-content ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu) > li::before,
.entry-content ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu) > li::before {
  content: "";
  position: absolute;
  left: 8px;
  top: .72em;
  width: 7px;
  height: 7px;
  background: var(--gold);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(200, 160, 70, .14);
}

#content ol:not(.faq-list):not(.bread-arno ol),
.content-wrap ol:not(.faq-list):not(.bread-arno ol),
.post-content ol:not(.faq-list):not(.bread-arno ol),
.entry-content ol:not(.faq-list):not(.bread-arno ol) {
  counter-reset: item-counter;
}

#content ol:not(.faq-list):not(.bread-arno ol) > li,
.content-wrap ol:not(.faq-list):not(.bread-arno ol) > li,
.post-content ol:not(.faq-list):not(.bread-arno ol) > li,
.entry-content ol:not(.faq-list):not(.bread-arno ol) > li {
  position: relative;
  counter-increment: item-counter;
  margin: 0 0 14px !important;
  padding-left: 42px !important;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.9;
  letter-spacing: .02em;
}

#content ol:not(.faq-list):not(.bread-arno ol) > li::before,
.content-wrap ol:not(.faq-list):not(.bread-arno ol) > li::before,
.post-content ol:not(.faq-list):not(.bread-arno ol) > li::before,
.entry-content ol:not(.faq-list):not(.bread-arno ol) > li::before {
  content: counter(item-counter);
  position: absolute;
  left: 0;
  top: .3em;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: var(--gold);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 27px;
  text-align: center;
  box-shadow: 0 5px 12px rgba(200, 160, 70, .25);
}

/* 清單內 strong / em */
#content li strong,
.content-wrap li strong,
.post-content li strong,
.entry-content li strong,
#content li em,
.content-wrap li em,
.post-content li em,
.entry-content li em {
  color: var(--gold-dark);
  font-style: normal;
  font-weight: 800;
}

/* ======================
   FAQ 清單
====================== */
#content .faq-list,
#content .faq-a ul,
.content-wrap .faq-list,
.content-wrap .faq-a ul,
.post-content .faq-list,
.post-content .faq-a ul,
.entry-content .faq-list,
.entry-content .faq-a ul {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#content .faq-list li,
#content .faq-a ul li,
.content-wrap .faq-list li,
.content-wrap .faq-a ul li,
.post-content .faq-list li,
.post-content .faq-a ul li,
.entry-content .faq-list li,
.entry-content .faq-a ul li {
  position: relative;
  margin: 0 0 8px !important;
  padding-left: 24px !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

#content .faq-list li::before,
#content .faq-a ul li::before,
.content-wrap .faq-list li::before,
.content-wrap .faq-a ul li::before,
.post-content .faq-list li::before,
.post-content .faq-a ul li::before,
.entry-content .faq-list li::before,
.entry-content .faq-a ul li::before {
  content: "";
  position: absolute;
  left: 6px;
  top: .68em;
  width: 6px;
  height: 6px;
  background: var(--gold);
  border-radius: 50%;
}

/* ======================
   Google 評論區塊
====================== */

.google-review-section {
  max-width: 1100px;
  margin: 46px auto;
  padding: 34px 30px;
  background: linear-gradient(135deg, #fffaf0 0%, #ffffff 78%);
  border: 1px solid var(--gold-line);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(122, 92, 30, .10);
  box-sizing: border-box;
  overflow: hidden;
}

.google-review-section .gr-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin: 0 0 26px !important;
  padding: 0 !important;
  color: var(--gold-dark) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: .03em;
  text-align: center;
}

.google-review-section .gr-title::before {
  display: none !important;
  content: none !important;
}

.google-review-section .gr-google-icon {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px;
  margin: 0 !important;
  object-fit: contain;
}

.google-review-section .gr-carousel {
  position: relative;
  margin: 0 auto;
}

.google-review-section .gr-track {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  padding: 4px 2px 18px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(200, 160, 70, .55) rgba(200, 160, 70, .12);
}

.google-review-section .gr-track::-webkit-scrollbar {
  height: 8px;
}

.google-review-section .gr-track::-webkit-scrollbar-thumb {
  background: rgba(200, 160, 70, .55);
  border-radius: 999px;
}

.google-review-section .gr-track::-webkit-scrollbar-track {
  background: rgba(200, 160, 70, .12);
  border-radius: 999px;
}

.google-review-section .gr-item {
  flex: 0 0 calc((100% - 36px) / 3);
  min-width: 0;
}

.google-review-section .gr-card {
  position: relative;
  height: 100%;
  min-height: 190px;
  display: flex;
  flex-direction: column;
  padding: 20px 20px 22px;
  background: #fff;
  border: 1px solid #ead7a6;
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(122, 92, 30, .08);
  box-sizing: border-box;
  overflow: hidden;
  transition: .25s ease;
}

.google-review-section .gr-card::after {
  content: "";
  position: absolute;
  right: -28px;
  bottom: -28px;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: rgba(200, 160, 70, .10);
  pointer-events: none;
}

.google-review-section .gr-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(122, 92, 30, .13);
  border-color: #d9ad4a;
}

.google-review-section .gr-header {
  position: relative;
  z-index: 1;
}

.google-review-section .gr-user {
  display: flex;
  align-items: center;
  gap: 12px;
}

.google-review-section .gr-user img {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 !important;
  border: 2px solid #fff4d8;
  box-shadow: 0 4px 10px rgba(122, 92, 30, .12);
}

.google-review-section .gr-name {
  color: var(--gold-dark);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.4;
}

.google-review-section .gr-time {
  margin-top: 2px;
  color: #888;
  font-size: 13px;
  line-height: 1.4;
}

.google-review-section .gr-stars {
  position: relative;
  z-index: 1;
  margin: 14px 0 10px;
  color: #f4b400;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1;
}

.google-review-section .gr-text {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #444;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: .02em;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.google-review-section .gr-nav {
  display: none !important;
}

.google-review-section .gr-more {
  display: table;
  margin: 22px auto 0;
  padding: 11px 24px;
  background: var(--gold);
  color: #fff !important;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(200, 160, 70, .20);
  transition: .25s ease;
}

.google-review-section .gr-more:hover {
  background: #a37b25;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(200, 160, 70, .28);
}

/* ======================
   作者 / 品牌說明區塊
====================== */
.author {
  display: grid;
  grid-template-columns: 44px 1fr;
  column-gap: 18px;
  margin-top: 64px;
  padding: 28px 32px;
  background: linear-gradient(180deg, #fffaf1 0%, #fff4dc 100%);
  border-radius: 14px;
}

.author::before {
  content: "";
  width: 44px;
  height: 44px;
  margin-top: 6px;
  background-image: url("https://www.as8282222.com.tw/images/logo/favicon.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: .9;
}

.author p {
  grid-column: 2;
  margin: 0 0 8px;
  font-size: 17px;
  line-height: 1.9;
  color: var(--ink);
  letter-spacing: .03em;
}

.author p:last-child {
  margin-bottom: 0;
}

/* ======================
   CTA 按鈕
====================== */
.ax-cta {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 25px;
}

.ax-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 22px;
  border-radius: 999px;
  border: 2px solid var(--gold);
  background: var(--gold);
  color: #fff !important;
  font-weight: 700;
  text-decoration: none !important;
  transition: .25s;
  box-shadow: 0 4px 10px rgba(200,160,70,.25);
}

.ax-btn:hover {
  background: #a37b25;
  border-color: #a37b25;
  box-shadow: 0 6px 14px rgba(200,160,70,.35);
}

.ax-btn--call {
  --pulse-size: 14px;
  animation: ax-pulse 1.8s ease-out infinite;
}

.ax-btn--line {
  --pulse-size: 10px;
  animation: ax-pulse 1.8s ease-out infinite .45s;
}

@keyframes ax-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(200,160,70,.55);
    transform: translateZ(0);
  }

  70% {
    box-shadow: 0 0 0 var(--pulse-size,12px) rgba(200,160,70,0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(200,160,70,0);
  }
}

/* ======================
   ax-hero 圖文重點卡片區塊
====================== */
.ax-hero,
.ax-wrap .ax-hero {
  position: relative;
  max-width: 1100px;
  margin: 40px auto;
  padding: 34px 28px !important;
  display: grid !important;
  grid-template-columns: minmax(360px, .92fr) minmax(0, 1.08fr) !important;
  gap: 34px !important;
  align-items: center !important;
  background: linear-gradient(135deg, #fffaf0 0%, #ffffff 72%) !important;
  border: 1px solid var(--gold-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(122, 92, 30, .10) !important;
  overflow: hidden !important;
  color: var(--ink) !important;
  box-sizing: border-box !important;
  font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
}

.ax-hero::after,
.ax-wrap .ax-hero::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -70px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(200, 160, 70, .10);
  pointer-events: none;
}

.ax-media,
.ax-wrap .ax-hero .ax-media,
.ax-hero--brand .ax-media {
  position: relative;
  z-index: 1;
  aspect-ratio: 4 / 3 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--gold-line) !important;
  box-shadow: 0 8px 22px rgba(122, 92, 30, .10) !important;
}

.ax-media img,
.ax-wrap .ax-hero .ax-media img,
.ax-hero--brand .ax-media img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.ax-content,
.ax-wrap .ax-hero .ax-content,
.ax-hero--brand .ax-content {
  position: relative;
  z-index: 1;
}

.ax-content h2,
.ax-wrap .ax-hero .ax-content h2,
.ax-hero--brand .ax-content h2 {
  margin: 0 0 20px !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--gold-dark) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  text-align: left !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: .03em !important;
}

.ax-content h2::after,
.ax-wrap .ax-hero .ax-content h2::after,
.ax-hero--brand .ax-content h2::after {
  display: none !important;
}

.ax-content > p,
.ax-wrap .ax-hero .ax-content > p,
.ax-hero--brand .ax-content > p {
  margin: 0 0 18px !important;
  color: var(--ink) !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  letter-spacing: .02em !important;
}

.ax-content a,
.ax-wrap .ax-hero .ax-content a,
.ax-hero--brand .ax-content a {
  color: #9a6b12 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(154, 107, 18, .22) !important;
}

.ax-content a:hover,
.ax-wrap .ax-hero .ax-content a:hover,
.ax-hero--brand .ax-content a:hover {
  color: var(--gold-dark) !important;
  border-bottom-color: var(--gold-dark) !important;
}

/* CTA 按鈕在 .ax-content 內時，不套用上方連結的咖啡色(否則按鈕文字變咖啡色)—2026-08-26 修 */
/* 需勝過 .ax-wrap .ax-hero .ax-content a (0,3,1)，故加 .ax-btn 提升到 (0,4,1) */
.ax-content a.ax-btn,
.ax-content .ax-cta a.ax-btn,
.ax-hero .ax-cta a.ax-btn,
.ax-wrap .ax-hero .ax-content a.ax-btn,
.ax-wrap .ax-hero .ax-cta a.ax-btn,
.ax-hero--brand .ax-content a.ax-btn,
.ax-hero--brand .ax-cta a.ax-btn {
  color: #fff !important;
  border-bottom: none !important;
}
.ax-content a.ax-btn:hover,
.ax-wrap .ax-hero .ax-content a.ax-btn:hover,
.ax-hero .ax-cta a.ax-btn:hover {
  color: #fff !important;
}

/* ax-list：圖文區重點卡片 */
.ax-list,
.ax-wrap .ax-hero .ax-list,
.ax-hero--brand .ax-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.ax-list li,
.ax-wrap .ax-hero .ax-list li,
.ax-hero--brand .ax-list li {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 14px 14px 13px !important;
  background: #fff !important;
  border: 1px solid #d9ad4a !important;
  border-radius: 14px !important;
  box-shadow: 0 7px 18px rgba(122, 92, 30, .07) !important;
  overflow: hidden !important;
  color: #555 !important;
}

.ax-list li::before,
.ax-wrap .ax-hero .ax-list li::before,
.ax-hero--brand .ax-list li::before {
  display: none !important;
  content: none !important;
}

.ax-list li::after,
.ax-wrap .ax-hero .ax-list li::after,
.ax-hero--brand .ax-list li::after {
  content: "";
  position: absolute;
  right: -22px;
  bottom: -22px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: rgba(200, 160, 70, .10);
  pointer-events: none;
}

.ax-list li i,
.ax-wrap .ax-hero .ax-list li i,
.ax-hero--brand .ax-list li i {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  margin-top: 1px !important;
  border-radius: 50% !important;
  background: #fff4d8 !important;
  color: var(--gold-dark) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

.ax-list li span,
.ax-wrap .ax-hero .ax-list li span,
.ax-hero--brand .ax-list li span {
  position: relative;
  z-index: 1;
  display: block;
  color: #555 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

.ax-list li b,
.ax-wrap .ax-hero .ax-list li b,
.ax-hero--brand .ax-list li b {
  display: block !important;
  margin-bottom: 4px !important;
  color: #9a6b12 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

.ax-list li em,
.ax-wrap .ax-hero .ax-list li em,
.ax-hero--brand .ax-list li em {
  color: var(--gold-dark) !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

/* ax-hero CTA：維持小顆按鈕 */
.ax-hero .ax-cta,
.ax-wrap .ax-hero .ax-cta,
.ax-hero--brand .ax-cta {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

.ax-hero .ax-cta .ax-btn,
.ax-wrap .ax-hero .ax-cta .ax-btn,
.ax-hero--brand .ax-cta .ax-btn {
  width: auto !important;
  flex: 0 0 auto !important;
  min-width: 128px !important;
  min-height: 42px !important;
  padding: 10px 18px !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  border-radius: 999px !important;
}

.ax-hero .ax-cta .ax-btn i,
.ax-wrap .ax-hero .ax-cta .ax-btn i,
.ax-hero--brand .ax-cta .ax-btn i {
  font-size: 1.05em !important;
  margin-right: 2px !important;
}

/* ======================
   商家資訊＋Google 地圖區塊
====================== */
.gold-theme.biz-map {
  max-width: 1100px;
  margin: 40px auto;
  padding: 30px;
  background: #fffaf0;
  border: 2px solid var(--gold-line);
  border-radius: 14px;
  box-shadow: var(--shadow);
  color: var(--gold-dark);
  font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
  box-sizing: border-box;
}

.biz-container {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 30px;
  align-items: center;
}

.biz-info {
  color: var(--ink);
}

.biz-info h3 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: var(--gold-dark) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.biz-info h3::before {
  display: none !important;
  content: none !important;
}

.biz-info h3 i {
  color: var(--gold-dark);
  font-size: 1.05em;
}

.biz-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.biz-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: .02em;
}

.biz-list li::before {
  display: none !important;
  content: none !important;
}

.biz-icon {
  flex: 0 0 28px;
  width: 28px;
  color: var(--gold);
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
}

.biz-text {
  flex: 1;
}

.biz-text b {
  color: var(--gold-dark);
  font-weight: 800;
}

.biz-text a {
  color: var(--gold);
  font-weight: 700;
  text-decoration: none;
}

.biz-text a:hover {
  color: var(--gold-dark);
  text-decoration: underline;
}

.biz-map .ax-cta {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

.biz-map .ax-btn {
  width: auto !important;
  flex: 0 0 auto !important;
  min-width: 138px !important;
  min-height: 44px !important;
  padding: 11px 22px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  border-radius: 999px !important;
}

.biz-map .ax-btn i {
  font-size: 1.05em !important;
}

.biz-mapframe {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  background: transparent;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}

.biz-mapframe iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
  display: block;
  margin: 0;
  padding: 0;
}

/* ======================
   企業融資重點說明 loan-spec
====================== */
.loan-spec {
  max-width: 1100px;
  margin: 50px auto;
  padding: 0 20px;
  font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
  color: var(--ink);
}

.loan-spec .head {
  background: #fffaf0;
  border: 2px solid var(--gold-line);
  border-radius: 12px 12px 0 0;
  padding: 22px 26px;
  color: var(--gold-dark);
  font-weight: 800;
  font-size: 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,.05);
}

.loan-spec .head i {
  color: var(--gold);
  font-size: 1.2em;
}

.loan-row {
  display: grid;
  grid-template-columns: 180px 1fr;
  border: 1px solid var(--gold-line);
  border-top: none;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,.04);
}

.loan-row:last-of-type {
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}

.loan-label {
  background: #fff8e7;
  color: var(--gold-dark);
  font-weight: 700;
  padding: 18px 20px;
  border-right: 1px solid var(--gold-line);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
}

.loan-label i {
  color: var(--gold);
  font-size: 1.1em;
}

.loan-body {
  padding: 18px 20px;
  line-height: 1.85;
  font-size: 16px;
  background: #fff;
}

.loan-body ul {
  margin: 8px 0 0 20px;
  padding: 0;
  list-style: disc;
}

.loan-body li {
  margin-bottom: 6px;
}

.loan-body li::before {
  display: none !important;
}

.loan-body em {
  color: #b0892f;
  font-weight: 700;
  font-style: normal;
}

/* ======================
   表格樣式
====================== */
#content table,
.content-wrap table,
.post-content table,
.entry-content table {
  width: 100%;
  margin: 20px 0 40px;
  border-collapse: separate;
  border-spacing: 0;
}

#content td,
#content th,
.content-wrap td,
.content-wrap th,
.post-content td,
.post-content th,
.entry-content td,
.entry-content th {
  padding: 14px 16px;
  border: 1px solid var(--gold-line);
  font-size: 18px;
  line-height: 1.75;
  vertical-align: top;
}

#content th,
.content-wrap th,
.post-content th,
.entry-content th {
  background: #fff8e7;
  color: var(--gold-dark);
  font-weight: 800;
}

/* 表格內清單不使用外部金色圓點，避免太擠 */
#content table ul,
.content-wrap table ul,
.post-content table ul,
.entry-content table ul,
.page-table ul {
  margin: 6px 0 0 18px !important;
  padding: 0 !important;
  list-style: disc !important;
}

#content table ul > li,
.content-wrap table ul > li,
.post-content table ul > li,
.entry-content table ul > li,
.page-table ul > li {
  position: static !important;
  margin: 5px 0 !important;
  padding-left: 0 !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
}

#content table ul > li::before,
.content-wrap table ul > li::before,
.post-content table ul > li::before,
.entry-content table ul > li::before,
.page-table ul > li::before {
  display: none !important;
}

.page-table {
  font-size: 18px;
}

.compare-table {
  width: 100%;
  border-collapse: collapse;
  margin: 30px 0;
  font-size: 18px;
  line-height: 1.8;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  border-radius: 12px;
  overflow: hidden;
}

.compare-table th,
.compare-table td {
  border: 1px solid var(--gold-line);
  padding: 16px 18px;
  text-align: left;
  vertical-align: top;
  font-size: 20px;
}

.compare-table th {
  background: #fff8e7;
  color: var(--gold-dark);
  font-weight: 800;
}

.compare-table tr:nth-child(even) td {
  background: #fffdf8;
}

/* ======================
   其他
====================== */
.promo.promo-light {
  margin-top: 0 !important;
}

/* ======================
   RWD：平板
====================== */
@media (max-width: 1023px) {
  .google-review-section .gr-item {
    flex: 0 0 calc((100% - 18px) / 2);
  }
}

@media (max-width: 992px) {
  .ax-hero,
  .ax-wrap .ax-hero,
  .ax-hero.ax-hero--brand {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 28px 24px !important;
  }

  .ax-media {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
  }

  .biz-container {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .gold-theme.biz-map {
    padding: 24px;
  }

  .biz-mapframe {
    aspect-ratio: 16 / 9;
  }
}

/* ======================
   RWD：手機
====================== */
@media (max-width: 767px) {
  body {
    padding-bottom: 72px !important;
  }

  @supports (padding: env(safe-area-inset-bottom)) {
    body {
      padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
    }
  }

  .bread-arno,
  #content .bread-arno,
  .content-wrap .bread-arno,
  .post-content .bread-arno,
  .entry-content .bread-arno {
    margin-bottom: 14px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  .bread-arno ol,
  #content .bread-arno ol,
  .content-wrap .bread-arno ol,
  .post-content .bread-arno ol,
  .entry-content .bread-arno ol {
    gap: 6px !important;
  }

  .bread-arno ol > li,
  #content .bread-arno ol > li,
  .content-wrap .bread-arno ol > li,
  .post-content .bread-arno ol > li,
  .entry-content .bread-arno ol > li {
    font-size: 14px !important;
  }

  #content h2,
  .content-wrap h2,
  .post-content h2,
  .entry-content h2 {
    font-size: 22px !important;
    line-height: 1.45 !important;
    margin: 42px auto 24px !important;
    padding: 13px 16px !important;
    letter-spacing: .03em !important;
  }

  #content h3,
  .content-wrap h3,
  .post-content h3,
  .entry-content h3 {
    margin: 28px 0 14px !important;
    padding-left: 8px !important;
    font-size: 19px !important;
    line-height: 1.5 !important;
  }

  #content h3::before,
  .content-wrap h3::before,
  .post-content h3::before,
  .entry-content h3::before {
    width: 4px !important;
    height: 1.05em !important;
    margin-right: 8px !important;
  }

  #content p,
  .content-wrap p,
  .post-content p,
  .entry-content p {
    font-size: 16px !important;
    line-height: 1.85 !important;
    letter-spacing: .01em !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  #content ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu) > li,
  .content-wrap ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu) > li,
  .post-content ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu) > li,
  .entry-content ul:not(.ax-list):not(.biz-list):not(.faq-list):not(.cta-button):not(.service-menu) > li,
  #content ol:not(.faq-list):not(.bread-arno ol) > li,
  .content-wrap ol:not(.faq-list):not(.bread-arno ol) > li,
  .post-content ol:not(.faq-list):not(.bread-arno ol) > li,
  .entry-content ol:not(.faq-list):not(.bread-arno ol) > li {
    font-size: 16px !important;
    line-height: 1.8 !important;
    margin-bottom: 10px !important;
  }

  .google-review-section {
    margin: 34px auto;
    padding: 28px 16px;
    border-radius: 16px;
  }

  .google-review-section .gr-title {
    font-size: 22px !important;
    line-height: 1.45 !important;
    margin-bottom: 20px !important;
    padding: 0 6px !important;
  }

  .google-review-section .gr-google-icon {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px;
  }

  .google-review-section .gr-track {
    gap: 14px;
    padding-bottom: 16px;
  }

  .google-review-section .gr-item {
    flex: 0 0 86%;
  }

  .google-review-section .gr-card {
    min-height: 180px;
    padding: 18px 18px 20px;
    border-radius: 15px;
  }

  .google-review-section .gr-user img {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px;
  }

  .google-review-section .gr-name {
    font-size: 14px;
  }

  .google-review-section .gr-time {
    font-size: 12px;
  }

  .google-review-section .gr-stars {
    font-size: 15px;
  }

  .google-review-section .gr-text {
    font-size: 15.5px;
    line-height: 1.75;
    -webkit-line-clamp: 5;
  }

  .google-review-section .gr-more {
    margin-top: 18px;
    padding: 10px 20px;
    font-size: 15px;
  }

  .author {
    grid-template-columns: 34px 1fr;
    column-gap: 12px;
    padding: 22px 20px;
  }

  .author::before {
    width: 34px;
    height: 34px;
    margin-top: 4px;
  }

  .author p {
    font-size: 15px !important;
    line-height: 1.8 !important;
  }

  .ax-hero,
  .ax-wrap .ax-hero,
  .ax-hero.ax-hero--brand {
    margin: 28px auto !important;
    padding: 18px 15px !important;
    border-radius: 16px !important;
    gap: 18px !important;
  }

  .ax-media {
    aspect-ratio: 4 / 3 !important;
    border-radius: 14px !important;
  }

  .ax-media img {
    border-radius: 14px !important;
  }

  .ax-content h2 {
    text-align: center !important;
    font-size: 22px !important;
    line-height: 1.45 !important;
    margin-bottom: 16px !important;
  }

  .ax-content > p {
    font-size: 16px !important;
    line-height: 1.85 !important;
    margin-bottom: 14px !important;
  }

  .ax-list {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .ax-list li {
    padding: 13px 13px 12px !important;
    border-radius: 13px !important;
  }

  .ax-list li i {
    width: 27px !important;
    height: 27px !important;
    flex-basis: 27px !important;
    font-size: 13px !important;
  }

  .ax-list li b {
    font-size: 16px !important;
  }

  .ax-list li span {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  .ax-hero .ax-cta,
  .ax-wrap .ax-hero .ax-cta,
  .ax-hero--brand .ax-cta {
    flex-direction: row !important;
    gap: 10px !important;
    margin-top: 18px !important;
  }

  .ax-hero .ax-cta .ax-btn,
  .ax-wrap .ax-hero .ax-cta .ax-btn,
  .ax-hero--brand .ax-cta .ax-btn {
    width: auto !important;
    flex: 0 0 auto !important;
    min-width: 124px !important;
    padding: 10px 16px !important;
    font-size: 15px !important;
  }

  .gold-theme.biz-map {
    margin: 32px auto;
    padding: 22px 18px;
    border-radius: 14px;
  }

  .biz-info h3 {
    font-size: 22px !important;
    margin-bottom: 18px !important;
  }

  .biz-list li {
    gap: 10px;
    margin-bottom: 16px !important;
    font-size: 16px;
    line-height: 1.75;
  }

  .biz-icon {
    flex-basis: 24px;
    width: 24px;
    font-size: 18px;
  }

  .biz-map .ax-cta {
    flex-direction: row !important;
    gap: 10px !important;
    margin-top: 20px !important;
  }

  .biz-map .ax-btn {
    width: auto !important;
    flex: 0 0 auto !important;
    min-width: 126px !important;
    padding: 10px 16px !important;
    font-size: 15px !important;
  }

  .biz-mapframe {
    aspect-ratio: 4 / 3;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
  }

  .loan-row {
    grid-template-columns: 1fr;
    border-radius: 12px;
    margin-bottom: 16px;
  }

  .loan-label {
    border-right: none;
    border-bottom: 1px solid var(--gold-line);
    font-size: 17px;
  }

  .loan-body {
    font-size: 15.5px;
    line-height: 1.8;
  }

  .loan-spec .head {
    font-size: 20px;
    text-align: center;
    justify-content: center;
  }

  #content table,
  .content-wrap table,
  .post-content table,
  .entry-content table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    box-sizing: border-box !important;
  }

  #content td,
  #content th,
  .content-wrap td,
  .content-wrap th,
  .post-content td,
  .post-content th,
  .entry-content td,
  .entry-content th {
    padding: 12px 10px !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    word-break: break-word;
  }

  #content table ul > li,
  .content-wrap table ul > li,
  .post-content table ul > li,
  .entry-content table ul > li,
  .page-table ul > li {
    font-size: 16px !important;
    line-height: 1.75 !important;
  }

  .compare-table {
    font-size: 15px;
  }

  .compare-table th,
  .compare-table td {
    padding: 12px 14px;
    font-size: 16px;
  }

  .fixed-bottom-cta,
  .mobile-bottom-menu,
  .bottom-contact-bar,
  .bottom-cta,
  .footer-fixed,
  .sticky-footer,
  .mobile-footer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    box-sizing: border-box !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
  }
}

@media (max-width: 576px) {
  .ax-wrap {
    padding: unset;
  }

  .ax-cta {
    flex-direction: column;
    gap: 12px;
  }

  .ax-cta .ax-btn {
    width: 100%;
    justify-content: center;
    font-size: 17px;
    padding: 12px 0;
  }

  .ax-hero .ax-cta,
  .ax-wrap .ax-hero .ax-cta,
  .ax-hero--brand .ax-cta,
  .biz-map .ax-cta {
    flex-direction: row !important;
  }

  .ax-hero .ax-cta .ax-btn,
  .ax-wrap .ax-hero .ax-cta .ax-btn,
  .ax-hero--brand .ax-cta .ax-btn,
  .biz-map .ax-btn {
    width: auto !important;
  }
}

@media (max-width: 390px) {
  .ax-hero .ax-cta,
  .ax-wrap .ax-hero .ax-cta,
  .ax-hero--brand .ax-cta,
  .biz-map .ax-cta {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .ax-hero .ax-cta .ax-btn,
  .ax-wrap .ax-hero .ax-cta .ax-btn,
  .ax-hero--brand .ax-cta .ax-btn,
  .biz-map .ax-btn {
    width: auto !important;
    min-width: 180px !important;
    max-width: 220px !important;
    padding: 10px 18px !important;
  }

  .google-review-section .gr-item {
    flex: 0 0 90%;
  }

  .google-review-section .gr-title {
    font-size: 20px !important;
  }
}
/* ======================
   文章 QA 問答區塊
====================== */

.arno-qa,
#content .arno-qa,
.content-wrap .arno-qa,
.post-content .arno-qa,
.entry-content .arno-qa {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 40px auto !important;
  box-sizing: border-box !important;
}

/* 問題標題：強制滿版，避免被全站 h3 的 inline-flex 影響 */
.arno-qa h3,
#content .arno-qa h3,
.content-wrap .arno-qa h3,
.post-content .arno-qa h3,
.entry-content .arno-qa h3 {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
  margin: 26px 0 0 !important;
  padding: 16px 22px !important;
  background: linear-gradient(135deg, #c8a046 0%, #b38a33 100%) !important;
  color: #fff !important;
  border: 1px solid #c8a046 !important;
  border-bottom: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  box-shadow: 0 8px 22px rgba(122, 92, 30, .12) !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
  letter-spacing: .02em !important;
  text-align: left !important;
  text-decoration: none !important;
}

/* 移除全站 h3 左側金線 */
.arno-qa h3::before,
#content .arno-qa h3::before,
.content-wrap .arno-qa h3::before,
.post-content .arno-qa h3::before,
.entry-content .arno-qa h3::before {
  display: none !important;
  content: none !important;
}

/* 答案區：與 h3 同寬接在一起 */
.arno-qa h3 + p,
#content .arno-qa h3 + p,
.content-wrap .arno-qa h3 + p,
.post-content .arno-qa h3 + p,
.entry-content .arno-qa h3 + p {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 26px !important;
  padding: 20px 24px 22px !important;
  background: #fff !important;
  color: var(--ink) !important;
  border: 1px solid var(--gold-line) !important;
  border-top: 0 !important;
  border-radius: 0 0 16px 16px !important;
  box-shadow: 0 10px 24px rgba(122, 92, 30, .08) !important;
  font-size: 18px !important;
  line-height: 1.95 !important;
  letter-spacing: .02em !important;
}

/* 答案左側提示線 */
.arno-qa h3 + p::before,
#content .arno-qa h3 + p::before,
.content-wrap .arno-qa h3 + p::before,
.post-content .arno-qa h3 + p::before,
.entry-content .arno-qa h3 + p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 22px;
  width: 5px;
  background: var(--gold);
  border-radius: 0 999px 999px 0;
}

/* 答案重點文字 */
.arno-qa p strong,
#content .arno-qa p strong,
.content-wrap .arno-qa p strong,
.post-content .arno-qa p strong,
.entry-content .arno-qa p strong {
  color: var(--gold-dark) !important;
  font-weight: 800 !important;
  background-image: linear-gradient(
    90deg,
    rgba(194, 162, 85, .42) 0%,
    rgba(194, 162, 85, .30) 60%,
    rgba(194, 162, 85, .18) 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 38% !important;
  background-position: 0 88% !important;
  border-radius: 4px !important;
  padding: 0 3px !important;
}

/* 手機版 */
@media (max-width: 768px) {
  .arno-qa,
  #content .arno-qa,
  .content-wrap .arno-qa,
  .post-content .arno-qa,
  .entry-content .arno-qa {
    width: 100% !important;
    max-width: 100% !important;
    margin: 30px auto !important;
    box-sizing: border-box !important;
  }

  .arno-qa h3,
  #content .arno-qa h3,
  .content-wrap .arno-qa h3,
  .post-content .arno-qa h3,
  .entry-content .arno-qa h3 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    margin: 22px 0 0 !important;
    padding: 14px 16px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    border-radius: 14px 14px 0 0 !important;
    text-align: left !important;
  }

  .arno-qa h3 + p,
  #content .arno-qa h3 + p,
  .content-wrap .arno-qa h3 + p,
  .post-content .arno-qa h3 + p,
  .entry-content .arno-qa h3 + p {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 22px !important;
    padding: 18px 16px 18px 20px !important;
    font-size: 16px !important;
    line-height: 1.85 !important;
    border-radius: 0 0 14px 14px !important;
  }

  .arno-qa h3 + p::before,
  #content .arno-qa h3 + p::before,
  .content-wrap .arno-qa h3 + p::before,
  .post-content .arno-qa h3 + p::before,
  .entry-content .arno-qa h3 + p::before {
    top: 18px;
    bottom: 18px;
    width: 4px;
  }
}
/* ======================
   頁面主標題 Page Title
   適用 HTML：<section id="page-title">
====================== */

#page-title {
  position: relative;
  margin: 0 0 36px !important;
  padding: 38px 20px 34px !important;
  background: linear-gradient(135deg, #fffaf0 0%, #ffffff 76%) !important;
  border-top: 1px solid rgba(234, 215, 166, .75);
  border-bottom: 1px solid var(--gold-line);
  box-shadow: 0 8px 24px rgba(122, 92, 30, .08);
  overflow: hidden;
}

#page-title::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -80px;
  width: 220px;
  height: 220px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(200, 160, 70, .08);
  pointer-events: none;
}

#page-title .container {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  margin: 0 auto !important;
  padding: 0 16px !important;
  text-align: center;
  box-sizing: border-box;
}

#page-title h1 {
  position: relative;
  display: inline-block;
  margin: 0 !important;
  padding: 0 0 16px !important;
  color: #2d2d2d !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  letter-spacing: .03em !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#page-title h1::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 78px;
  height: 4px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, var(--gold) 0%, #b38a33 100%);
  border-radius: 999px;
}

/* 若標題太長，限制閱讀寬度 */
#page-title h1 {
  max-width: 960px;
}

/* 手機版 */
@media (max-width: 768px) {
  #page-title {
    margin-bottom: 28px !important;
    padding: 30px 14px 28px !important;
  }

  #page-title .container {
    padding: 0 10px !important;
  }

  #page-title h1 {
    display: block;
    max-width: 100%;
    padding-bottom: 14px !important;
    font-size: 24px !important;
    line-height: 1.5 !important;
    letter-spacing: .02em !important;
  }

  #page-title h1::after {
    width: 64px;
    height: 3px;
  }
}

@media (max-width: 390px) {
  #page-title h1 {
    font-size: 22px !important;
  }
}