/* 2026-11-06 品客：頂部選單改成「白話文商學院」那種乾淨風格
   ＝不顯示圖示、黑色粗體字、字距加寬、目前所在頁變藍字＋底下一條藍線（不用深藍色塊）
   只管電腦版頂部選單；手機漢堡選單、下拉選單內容不動。要退回就拿掉 src/render.js 裡的 nav-clean.css */
@media(min-width:1200px){
  html body .bx-header .bx-nav{gap:6px}
  html body .bx-header .bx-nav>a,
  html body .bx-header .bx-nav>.bx-nav-group>a{
    position:relative;gap:6px;padding:12px 14px;border-radius:0;background:none;
    font-size:17px;font-weight:800;letter-spacing:.06em;color:#1B1B1B;
    transition:color .15s}
  html body .bx-header .bx-nav>a .bx-ic,
  html body .bx-header .bx-nav>.bx-nav-group>a .bx-ic{display:none}
  /* 底線：平常收起來，滑過去／目前頁才出現 */
  html body .bx-header .bx-nav>a::after,
  html body .bx-header .bx-nav>.bx-nav-group>a::after{
    content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;
    background:#2E9BD6;transform:scaleX(0);transition:transform .2s}
  html body .bx-header .bx-nav>a:hover,
  html body .bx-header .bx-nav>.bx-nav-group:hover>a{background:none;color:#2E9BD6}
  html body .bx-header .bx-nav>a[aria-current],
  html body .bx-header .bx-nav>.bx-nav-group>a[aria-current]{background:none;color:#2E9BD6}
  html body .bx-header .bx-nav>a[aria-current]::after,
  html body .bx-header .bx-nav>.bx-nav-group>a[aria-current]::after{transform:scaleX(1)}
  html body .bx-header .bx-nav>.bx-nav-group>a{padding-right:10px}
  html body .bx-header .bx-nav>.bx-nav-group>a::after{right:10px}
  html body .bx-header .bx-nav .bx-caret{width:13px;height:13px}
}
/* 螢幕比較窄時收一點，才不會把右邊按鈕擠掉 */
@media(min-width:1200px) and (max-width:1479px){
  html body .bx-header .bx-nav{gap:0}
  html body .bx-header .bx-nav>a,html body .bx-header .bx-nav>.bx-nav-group>a{padding:12px 10px;font-size:16px;letter-spacing:.04em}
  html body .bx-header .bx-nav>a::after{left:10px;right:10px}
  html body .bx-header .bx-nav>.bx-nav-group>a::after{left:10px;right:8px}
  html body .bx-header .bx-nav>.bx-nav-group>a{padding-right:8px}
}

/* 2026-11-06 品客：右半邊也收斂（參考白話文商學院：小圖示＋小字、不用色塊膠囊）
   ＝頁首底線變細、搜尋去灰圓底改「圖示＋搜尋」、後台／登入變純文字、頭像拿掉黃色外框、免費檢測按鈕拿掉立體陰影
   只管電腦版（≥1200px）；手機不動 */
@media(min-width:1200px){
  html body .bx-header{box-shadow:0 1px 0 #E6E8EC}
  html body .bx-header-in{height:84px}
  html body .bx-header-r{gap:18px}
  /* 搜尋：圖示上、字下 */
  html body .bx-header .bx-search-btn{display:flex;flex-direction:column;align-items:center;gap:3px;width:auto;height:auto;border-radius:0;background:none;color:#1B1B1B;text-decoration:none}
  html body .bx-header .bx-search-btn .bx-ic{width:21px;height:21px}
  html body .bx-header .bx-search-btn::after{content:"搜尋";font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1}
  html body .bx-header .bx-search-btn:hover{background:none;color:#2E9BD6}
  /* 登入／會員中心／後台：純文字 */
  html body .bx-header .bx-header-r .bx-btn{min-height:0;padding:6px 2px;border:0;border-radius:0;background:none;box-shadow:none;color:#1B1B1B;font-size:15px;font-weight:800;letter-spacing:.06em}
  html body .bx-header .bx-header-r .bx-btn:hover{background:none;color:#2E9BD6}
  /* 頭像：拿掉黃框膠囊 */
  html body .bx-header .bx-me>summary{padding:0;gap:8px;border:0;border-radius:0;background:none}
  html body .bx-header .bx-me[open]>summary,html body .bx-header .bx-me>summary:hover{box-shadow:none}
  html body .bx-header .bx-me>summary .bx-me-av{width:34px;height:34px;border:1px solid #E6E8EC}
  html body .bx-header .bx-me>summary:hover .bx-me-sname{color:#2E9BD6}
  html body .bx-header .bx-me-sname{font-size:15px;font-weight:800;color:#1B1B1B}
  /* 免費檢測：留著（是導客戶的按鈕），但拿掉立體陰影、變扁 */
  html body .bx-header .bx-coach-btn{min-height:40px;box-shadow:none}
  html body .bx-header .bx-coach-btn:hover{transform:none;box-shadow:none;filter:brightness(.97)}
}

/* 2026-11-06 品客：五大區塊下拉，子項目字比較長，不換行 */
@media(min-width:1200px){
  html body .bx-header .bx-nav .bx-nav-drop{min-width:220px}
  html body .bx-header .bx-nav .bx-nav-drop a{white-space:nowrap}
}