/* 勝豐精密 五金零件平台 — 靜態頁 A 案頁首(2026-10-25 han 定案「淺灰工作台」,跟首頁一致)
   商品頁、分類頁、知識頁、政策頁、工具頁:頁首加搜尋框＋第二排導覽列。只在電腦版(≥1024px)顯示,手機版不變。
   引用由 產生SEO頁.py(_write_if_changed)與 套用頁首導覽列.py 插進各頁 </head> 前;程式在 a2610.js。
   底色沿用各頁自己的(一般靜態頁本來就是淺灰 #F4F6F9＋白卡片;文章頁照工作手冊風維持白底)。
   樣式值照《品牌識別規範》:SFP 藍 #1F5EFF/#1849CC、深墨 #0B1020、細線 #E3E6EC、淺藍底 #EEF3FF、底色 #F4F6F9。 */
.a26q,#navrow{display:none}
@media(min-width:1024px){
  body.a26>header:not(.pf){display:flex;align-items:center;gap:28px;padding:12px 28px;flex-wrap:nowrap}
  body.a26>header:not(.pf)>a:first-child{flex:0 0 auto}
  body.a26>header .hback{margin-left:auto;width:auto;height:auto;background-image:none;flex:0 0 auto}   /* 文章頁的 header>a(標誌)規則也套到回上一頁鈕,變成大白框 */
  body.a26>header.pf #gnav{display:none!important}   /* 舊平台頁首那排分類選單:新導覽列已有「全部商品分類」 */
  body.a26>header.pf .htop{flex-wrap:nowrap;gap:24px}
  body.a26>header.pf .toggles{margin-left:auto;flex-wrap:nowrap}
  .a26q{display:flex;flex:1 1 auto;max-width:660px;min-width:0;margin:0}
  .a26q input{flex:1 1 auto;min-width:0;height:44px;box-sizing:border-box;border:1px solid #1F5EFF;border-right:0;border-radius:8px 0 0 8px;padding:0 14px 0 42px;
    font:400 16px 'Microsoft JhengHei','PingFang TC','Segoe UI',system-ui,sans-serif;color:#0B1020;outline:0;-webkit-appearance:none;appearance:none;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b1020' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E") no-repeat 14px center/19px}
  .a26q input:focus{box-shadow:0 0 0 3px rgba(31,94,255,.15)}
  .a26q button{flex:0 0 auto;height:44px;border:0;border-radius:0 8px 8px 0;background:#1F5EFF;color:#fff;padding:0 22px;cursor:pointer;
    font:600 15px 'Microsoft JhengHei','PingFang TC','Segoe UI',system-ui,sans-serif;letter-spacing:.12em}
  .a26q button:hover{background:#1849CC}
  #navrow{display:block;background:#fff;border-bottom:1px solid #E3E6EC;position:relative;z-index:40;font-family:'Microsoft JhengHei','PingFang TC','Segoe UI',system-ui,sans-serif}
  #navrow .in{padding:0 28px;height:46px;display:flex;align-items:center;gap:2px;font-size:14.5px;font-weight:500;line-height:1}
  #navrow .nall{display:flex;align-items:center;gap:8px;height:34px;padding:0 14px;margin-right:12px;border-radius:8px;border:0;cursor:pointer;
    background:#1F5EFF;color:#fff;font:inherit;font-weight:700;white-space:nowrap}
  #navrow .nall:hover,#navrow .nall.open{background:#1849CC}
  #navrow .nl{padding:0 14px;height:34px;display:flex;align-items:center;border-radius:8px;cursor:pointer;color:#0B1020;text-decoration:none;white-space:nowrap;background:none;border:0;font:inherit}
  #navrow .nl:hover,#navrow .nl.open{background:#EEF3FF;color:#1F5EFF}
  #navrow i.car{font-style:normal;font-size:11px;margin-left:6px;opacity:.7}
  #navrow .npan{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #E3E6EC;border-bottom:1px solid #E3E6EC;
    max-height:calc(100vh - 160px);overflow:auto}
  #navrow .npan.show{display:block}
  #navrow .npin{padding:20px 28px 24px}
  #navrow .ncols{columns:5 200px;column-gap:28px}
  #navrow .ngrp{break-inside:avoid;margin:0 0 18px}
  #navrow .ngrp b{display:block;font-size:14.5px;color:#0B1020;padding:0 0 6px;margin:0 0 4px;border-bottom:1px solid #E3E6EC}
  #navrow .ngrp a,#navrow .nbr a{display:block;padding:5px 6px;margin:0 -6px;border-radius:6px;color:#2a3140;font-size:14px;font-weight:400;text-decoration:none;line-height:1.4}
  #navrow .ngrp a:hover,#navrow .nbr a:hover{background:#EEF3FF;color:#1F5EFF}
  #navrow .nbr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 28px}
  #navrow .nbr a{font-weight:600}
  #navrow .nload{color:#5B6475;font-size:14px}
}
@media(min-width:1024px) and (max-width:1279px){ #navrow .nl{padding:0 9px} .a26q button{padding:0 16px} }