@layer theme-custom {
/* 響應式主標字級 */
.q-hero-h1{font-size:30px !important;}
.q-hero-sub{font-size:16px !important;}
@media (min-width:768px){.q-hero-h1{font-size:25px !important;}.q-hero-sub{font-size:15px !important;}}
@media (min-width:992px){.q-hero-h1{font-size:31px !important;}.q-hero-sub{font-size:16px !important;}}
@media (min-width:1200px){.q-hero-h1{font-size:38px !important;}.q-hero-sub{font-size:17px !important;}}

/* 見證橫向滑動：隱藏捲軸、滑動貼齊 */
.q-scroller{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;}
.q-scroller::-webkit-scrollbar{display:none;}
.q-scroller > div{scroll-snap-align:start;}

/* IG 知識圖卡尺寸 */
.instagram-media{margin:0 auto !important;min-width:0 !important;width:100% !important;max-width:340px !important;}
@media (min-width:1200px){.instagram-media{max-width:100% !important;}}
@media (min-width:768px) and (max-width:1199.98px){.instagram-media{max-width:330px !important;}}
@media (max-width:767.98px){.instagram-media{max-width:85vw !important;}}

/* 修正區塊外層的壞背景色，消除灰白帶 */
section.index-editor{
  background-color:transparent !important;
  margin:0 !important;
}

/* 頁面底色設為純白 */
body,
#pjax-container,
#pjax-container > main{
  background-color:#FFFFFF !important;
}

/* 最新文章區塊：去線、READ MORE 改小置中 */
#index-blog .page-title{ display:none !important; }
#index-blog .btn-sideline{
  border:none !important;
  background:none !important;
  display:inline-block !important;
  padding:0 !important;
}
#index-blog .btn-sideline::before,
#index-blog .btn-sideline::after{ display:none !important; }
#index-blog .text-center{ text-align:center !important; }
#index-blog .btn-sideline span{
  font-size:15px !important;
  letter-spacing:1px !important;
  color:#A6702C !important;
  font-weight:700 !important;
  border-bottom:2px solid #C0873C !important;
  padding-bottom:3px !important;
}

/* ===== PC 版頁首：Logo 比例與選單間距 ===== */
@media (min-width:992px){

  /* Logo 大小 */
  .content.nav-logo img[src*="logo"]{
    height:62px !important;
    width:auto !important;
    max-width:none !important;
  }

  /* 選單往上移 */
  .naviMain ul{
    transform:translateY(-8px) !important;
  }

  /* 關鍵：把 margin:0 auto 改成靠左、間距自訂 */
  .naviMain ul > li > a{
    margin:0 !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  /* 第一個項目（關於我）離 Logo */
  .naviMain ul > li:first-child > a{
    margin-left:96px !important;
  }
}

/* 手機版：數字卡的數字縮小，讓 $2,400萬 能排一行 */
@media (max-width:767.98px){
  #about .q-count,
  #about .col-6 .text-center > div:first-child{
    font-size:26px !important;
  }
  /* 單位字（年、萬、份）等比縮小，但仍比數字小 */
  #about .col-6 .text-center > div:first-child span:last-child{
    font-size:14px !important;
  }
}

/* 手機版：CTA 與合作方案的內文縮小，避免單字落單 */
@media (max-width:767.98px){
  .q-cta p{
    font-size:15px !important;
    line-height:1.85 !important;
  }
  .q-services-head p{
    font-size:14.5px !important;
    line-height:1.85 !important;
  }
}
}
