/* ===== 愛思伯｜導覽列「免費 AI SEO 檢測」按鈕 =====
   電腦版：橘色膠囊。手機版（640px 以下）：縮短成「免費檢測」，隨導覽列狀態變色 */
header .rightBox .btnBox{display:flex;align-items:center;gap:10px}

.navCheck{display:inline-flex;align-items:center;justify-content:center;height:45px;padding:0 22px;border-radius:25px;background:#ff5c00;color:#fff;font-family:"Noto Sans TC",sans-serif;font-size:16px;font-weight:700;line-height:1;white-space:pre;text-decoration:none;transition:background .2s,color .2s}
.navCheck:hover{background:#1f1f1f;color:#fff}
/* 內頁未捲動時 header 是深色，沿用深色改白底會跟背景黏在一起 */
body:not(.WebSiteHomePage) header:not(.scrollDown) .navCheck:hover{background:#fff;color:#1f1f1f}

@media (max-width:1280px){
  .navCheck{padding:0 10px}
}
/* 641–799px 同時有完整按鈕、聯絡我們與漢堡，社群圖示會把漢堡擠出膠囊 */
@media (max-width:799px){
  header .rightBox .socialBox{display:none}
}

/* 導覽列已有入口，移除電腦版右下角懸浮按鈕。若要保留，刪除這段 */
@media (min-width:769px){
  .sideFixedBtnBox{display:none}
}

@media (max-width:640px){
  /* 網站原本在手機隱藏 rightBox，這裡打開並只留檢測按鈕 */
  header .rightBox{display:flex;margin-left:auto;margin-right:10px}
  header .rightBox .btn.bgSecond,
  header .rightBox .socialBox{display:none}

  .navCheck__ai{display:none}
  header .navCheck,
  header .navCheck:hover{height:38px;padding:0 15px;background:#fff;color:#1f1f1f;font-size:14px}

  /* 捲動後導覽列變淺色，按鈕改黑底 */
  header.scrollDown .navCheck,
  header.scrollDown .navCheck:hover{background:#1f1f1f;color:#fff}
}

@media (max-width:400px){
  .navCheck{display: none;}
}
/* 640px 以下 header 的「聯絡我們」維持隱藏，改放進漢堡選單，兩顆按鈕直向排列 */
.slideMenuArea .wrap > .btnBox{display:flex;flex-direction:column;align-items:center;gap:10px}
.slideMenuArea .wrap > .btnBox .btn{margin:0}