<!--
版本: 1.0
日期: 2026/08/17
修改摘要: 新增線上詢價系統頁面 inquiry.html，提供對刀儀、計數器、定位開關、直線軸承、鋼珠套五大類選單；實現對刀儀多屬性規格篩選、灰階禁用連動邏輯及表單輸入驗證

版本: 1.1
日期: 2026/08/17
修改摘要: 新增單一可選項自動勾選邏輯：當某一規格類別經過連動篩選後僅剩最後一個可用選項時，系統自動將其設為預設勾選 (Auto-select single remaining option)

版本: 1.2
日期: 2026/08/17
修改摘要: 新增特定選項自動連動與勾選規則：選擇「手動」時過行程預設勾選「無」；選擇適用最小刀徑「0.05mm」時自動勾選產品高度「40mm」與對刀儀型號「BTS-5-0.5N」

版本: 1.3
日期: 2026/08/17
修改摘要: 擴充 0.05mm 最小刀徑限制規則：選擇 0.05mm 時自動勾選 40mm 高度與 BTS-5-0.5N 型號，並將高度與型號之其餘非屬選項全部設為灰階停用（無法選擇）

版本: 1.4
日期: 2026/08/17
修改摘要: 1. 對刀儀型號新增 T30Z-AB，並實現與輸出接點型態 Both NC & NO 之雙向連動與灰階停用
         2. 新增取消勾選重置機制：取消勾選「手動」或「0.05mm」時，全數重置下方連動預設之選項

版本: 1.5
日期: 2026/08/17
修改摘要: 新增輸出接點型態對型號之禁用限制：選取 NC(1->0) 時型號 T30Z-AB 劃掉禁用；選取 NO(0->1) 時型號 T30Z-AB、BTFC1、BTFC1-0.5N、BTF2 劃掉禁用

版本: 1.6
日期: 2026/08/17
修改摘要: 1. 量測方式選取「自動」時劃掉產品高度 2"；2. 輸出接點型態選取「Both NC & NO」時，對刀儀型號除了 T30Z-AB 之外全部劃掉禁用

版本: 1.7
日期: 2026/08/17
修改摘要: 1. 對刀儀型號新增 BT20、BT2030、BT2040、BT2050
         2. BT20 系列與「自動」、「單方向」、「100mm」及各自盤面直徑 (20mm/30mm/40mm/50mm) 自動連動與劃掉停用
         3. 選擇型號 T30Z、T30Z-AB、T40Z、BT20、BT2030、BT2040、BT2050 時，產品高度自動勾選 100mm 且其餘高度劃掉停用

版本: 1.8
日期: 2026/08/17
修改摘要: 新增型號與快拆纜線接頭之雙向禁用限制：選取型號 BTFC1、BTFC1-0.5N、BTF2、T30Z-AB 時劃掉「快拆纜線接頭」；選取「快拆纜線接頭」時劃掉型號 BTFC1、BTFC1-0.5N、BTF2、T30Z-AB（反之亦然）

版本: 1.9
日期: 2026/08/17
修改摘要: 新增產品高度 100mm 對型號之禁用限制：勾選 100mm 時，劃掉 BTF 開頭產品 (BTFC1、BTFC1-0.5N、BTF2)、T20Z 以及 BT1220 開頭產品 (BT1220、BT1220S)

版本: 2.0
日期: 2026/08/17
修改摘要: 1. 產品高度選項「70mm」更名調整為「65mm」；2. 勾選產品高度 65mm 時，劃掉 BTF 開頭產品 (BTFC1、BTFC1-0.5N、BTF2)、T30Z 開頭產品 (T30Z、T30Z-AB) 以及 BT20 開頭產品 (BT20、BT2030、BT2040、BT2050)

版本: 2.1
日期: 2026/08/17
修改摘要: 1. 選擇「自動」時預設勾選「有吹氣裝置」
         2. 產品高度選項 28mm 調整為 40.5mm，並新增選項 23mm
         3. 實現 40.5mm 與型號 BTF2 之雙向預設與連動劃掉
         4. 實現 23mm 與 BTFC1 開頭型號 (BTFC1、BTFC1-0.5N) 之雙向預設與連動劃掉

版本: 2.2
日期: 2026/08/17
修改摘要: 1. 適用最小刀徑選項「>=0.1mm」更名調整為「0.1mm」
         2. 對刀儀型號新增 B4A 選項
         3. 實作 B4A 專屬連動與排他劃掉規則：預設自動/雙方向/5mm/活塞軸承/1um/無過行程/0.1mm/NC/無吹氣/保護管不需要，並將產品高度全數劃掉禁用

版本: 2.3
日期: 2026/08/17
修改摘要: 新增對刀儀型號取消選取全數重置機制：當使用者取消勾選任何對刀儀型號時（型號從選取狀態變為未選取），自動全數清空與重置下方所有規格選項

版本: 2.4
日期: 2026/08/17
修改摘要: 1. 輸出接點型態新增「LED指示」選項
         2. 實作 BTS-5-0.5N 專屬預設與劃掉規則（預設手動/單方向/5mm/活塞軸承/1um/無過行程/0.05mm/LED指示/40mm/無吹氣/保護管不需要，纜線長度全數劃掉）
         3. 實作 BTS-5 (BTS-5N) 專屬預設與劃掉規則（預設手動/單方向/5mm/活塞軸承/1um/無過行程/0.07mm/LED指示/40mm/無吹氣/保護管不需要，纜線長度全數劃掉）

版本: 2.5
日期: 2026/08/17
修改摘要: 強化 BTS-5 與 BTS-5-0.5N 量測方式連動：勾選兩者之一時強制預設亮起勾選「手動」，並將「自動」設為劃掉禁用

版本: 2.6
日期: 2026/08/17
修改摘要: 補全手動模式對型號劃掉清單：選取「手動」量測方式時，確保 BT20、BT2030、BT2040、B4A 等自動對刀儀型號全數劃掉停用

版本: 2.7
日期: 2026/08/17
修改摘要: 1. 勾選「手動」量測方式時劃掉「有沒有過行程」的「有」選項
         2. 勾選產品高度「65mm」時劃掉對刀儀型號「T40Z」
         3. 修復 40.5mm 與 23mm 高度無法取消勾選之連動死鎖問題，加入取消勾選雙向解鎖邏輯

版本: 2.8
日期: 2026/08/17
修改摘要: 1. 輸出接點型態選項「LED指示」更名調整為「僅LED指示燈」
         2. 選擇「自動」量測方式時，劃掉輸出接點型態的「僅LED指示燈」選項

版本: 2.9
日期: 2026/08/17
修改摘要: 修復「自動」量測模式下無法選擇「無吹氣裝置」之強行覆蓋 BUG，將吹氣裝置預設勾選改為切換至「自動」時之一次性預設

版本: 3.0
日期: 2026/08/17
修改摘要: 修正自動模式吹氣裝置預設連動順序：點擊「自動」時同步即時勾選「有吹氣裝置」，並確保使用者隨後可自由取消勾選或切換為「無吹氣裝置」

版本: 3.1
日期: 2026/08/17
修改摘要: 設定「是否需要吹氣裝置」為二選一強制必選項：點擊已被選中之吹氣裝置選項時禁止取消勾選清空，點擊另一選項則正常切換選取

版本: 3.2
日期: 2026/08/17
修改摘要: 修復「自動」量測方式取消勾選時被單一可用選項與型號連動強行重勾之問題，加入取消「自動」時之防覆蓋解鎖機制

版本: 3.3
日期: 2026/08/17
修改摘要: 擴充量測方式取消勾選重置機制：取消勾選「自動」或「手動」時，全數重置與清空規格選項，使「手動」與「自動」選項全數恢復為可自由點選狀態

版本: 3.4
日期: 2026/08/17
修改摘要: 修正量測方式連動限制：選取「自動」量測方式時，確保「手動」選項不被劃掉禁用，維持可隨時點擊切換為手動模式

版本: 3.5
日期: 2026/08/17
修改摘要: 補全手動模式劃掉限制：選取「手動」量測方式時，確保產品高度 23mm、40.5mm、65mm 及對刀儀型號 BT20、BT2030、BT2040、B4A 全數劃掉停用

版本: 3.6
日期: 2026/08/17
修改摘要: 1. 選取「手動」量測方式時劃掉「有沒有過行程」的「有」選項
         2. 新增量測方式切換/取消全數重置機制：由「手動」切換或取消至「自動」時，全數重置清空下方因「手動」而預選之所有屬性

版本: 3.7
日期: 2026/08/17
修改摘要: 新增手動模式高度與型號連動規則：1. 選取[手動][50mm]時自動勾選 BTS-55 且劃掉其他型號；2. 選取[手動][40mm]時劃掉 BTS-55 及 BTS-520；3. 選取[手動][2"]時自動勾選 BTS-520 且劃掉其他型號

版本: 3.8
日期: 2026/08/17
修改摘要: 新增軸承型態[鋼珠軸承]之型號限制規則：選取「鋼珠軸承」時，對刀儀型號僅保留 T30Z, T30Z-AB, T40Z, BT1220S, BT20, BT2030, BT2040, BT2050，其餘型號全數劃掉停用

版本: 3.9
日期: 2026/08/17
修改摘要: 1. 新增軸承型態[鋼珠軸承]之高度限制規則：選取「鋼珠軸承」時，產品高度僅保留 65mm 與 100mm，其餘高度全數劃掉停用
         2. 強化選取[自動]量測方式時劃掉輸出接點型態「僅LED指示燈」之限制

版本: 4.0
日期: 2026/08/17
修改摘要: 1. 規格分類名稱「纜線保護管長度」更名調整為「纜線的金屬保護管」
         2. 增設快拆纜線接頭劃掉限制：選取「快拆纜線接頭」時，劃掉對刀儀型號「B4A」（選取 B4A 時亦劃掉「快拆纜線接頭」）

版本: 4.1
日期: 2026/08/17
修改摘要: 新增自動模式直徑連動規則：1. 選取[自動][5mm]時自動勾選活塞軸承與 NC(1->0)，劃掉鋼珠軸承、高度 65mm/100mm，型號僅保留 BTFC1, BTFC1-0.5N, B4A；2. 選取[自動][10mm]時自動勾選活塞軸承、NC(1->0) 與型號 BTF2 (BTFC2)，劃掉鋼珠軸承、高度 23mm/65mm/100mm 及其他型號

版本: 4.2
日期: 2026/08/17
修改摘要: 整合自動模式基礎與直徑 5mm 高度劃掉限制規則共存：選取「自動」時劃掉 40mm、50mm、2"，選取「自動」且「5mm」時進一步劃掉 65mm 與 100mm

版本: 4.3
日期: 2026/08/17
修改摘要: 1. 新增選取[自動][20mm]之連動規則：劃掉輸出接點型態 Both NC & NO，產品高度僅保留 65mm 與 100mm，型號僅保留 T20Z, BT1220, BT1220S, BT20
         2. 新增直徑對手動劃掉規則：選取「自動」且直徑為 5mm 以外之選項時，劃掉「手動」選項

版本: 4.4
日期: 2026/08/17
修改摘要: 修正選取[自動][20mm]與 65mm/100mm 高度衝突之連動保護：確保直徑 20mm 與自動模式下，100mm 及 65mm 高度不會誤將 T20Z, BT1220, BT1220S, BT20 劃掉禁用，精準實現「劃掉 Both NC & NO、高度保留 65mm/100mm、型號僅保留 T20Z/BT1220/BT1220S/BT20」

版本: 4.5
日期: 2026/08/17
修改摘要: 補全選取[自動][20mm]劃掉接點型態條件：劃掉 Both NC & NO 以及「僅LED指示燈」，維持產品高度保留 65mm/100mm、對刀儀型號保留 T20Z, BT1220, BT1220S, BT20

版本: 4.6
日期: 2026/08/17
修改摘要: 調整選取直徑 20mm 之主動觸發連動：點選「20mm」時，系統自動將量測方式設定勾選為「自動」，並劃掉手動、Both NC & NO、僅LED指示燈，高度保留 65mm/100mm，型號保留 T20Z, BT1220, BT1220S, BT20

版本: 4.7
日期: 2026/08/17
修改摘要: 新增直徑 30mm, 40mm, 50mm 主動觸發自動連動規則：點選 30mm/40mm/50mm 時，系統自動設定為「自動」與產品高度「100mm」，劃掉手動、Both NC & NO、僅LED指示燈，型號分別保留 T30Z/T30Z-AB/BT2030、T40Z/BT2040、BT2050

版本: 4.8
日期: 2026/08/17
修改摘要: 新增直徑 10mm, 30mm, 40mm, 50mm 對量測方向之自動勾選規則：當選取 10mm, 30mm, 40mm, 50mm 時，系統自動勾選量測方向為「單方向」，並劃掉「雙方向」與「三方向」

版本: 4.9
日期: 2026/08/17
修改摘要: 修復選取直徑 5mm/20mm/30mm/40mm/50mm 後無法取消勾選之連動死鎖問題：新增直徑取消勾選防死鎖重置機制，取消勾選直徑時自動清空連動帶出之型號與高度，全數恢復直徑選項為可自由點選

版本: 5.0
日期: 2026/08/17
修改摘要: 新增直徑對適用最小刀徑之連動規則：1. 選取 20mm/30mm/40mm/50mm 時劃掉 0.05mm 刀徑；2. 選取 30mm/40mm/50mm 時自動勾選 0.1mm 刀徑並劃掉 0.05mm 與 0.07mm

版本: 5.1
日期: 2026/08/17
修改摘要: 擴充選取[鋼珠軸承]之連動規則：選取「鋼珠軸承」時，系統自動選擇量測方式為「自動」、量測方向為「單方向」，並劃掉手動、雙/三方向、盤面直徑 5mm/10mm 及輸出接點「僅LED指示燈」

版本: 5.2
日期: 2026/08/17
修改摘要: 新增高度與型號對適用最小刀徑之連動規則：當產品高度選取 2" 或 50mm、或是對刀儀型號勾選 BTS-520 或 BTS-55 時，適用最小刀徑劃掉 0.05mm

版本: 5.3
日期: 2026/08/17
修改摘要: 1. 全局名稱更名：量測方向「單方向」更名為「單軸」、「雙方向」更名為「XY 雙軸」、「三方向」更名為「XYZ 三軸」；型號「B4A」更名為「B4A-II」
         2. 新增連動規則：選取量測方向「XY 雙軸」時，對刀儀型號自動勾選 B4A-II，其餘型號全數劃掉停用

版本: 5.4
日期: 2026/08/17
修改摘要: 修正選取「XY 雙軸」時需點擊第二次方可顯示全套變更之運算順序問題：將選取「XY 雙軸」優先設為 B4A-II 之連動邏輯提升至 B4A-II 屬性帶出區塊之前，實現單次點擊即可瞬間一次性完成全套連動與劃掉

版本: 5.5
日期: 2026/08/17
修改摘要: 新增 XY 雙軸及 B4A-II 型號對纜線拔插之連動規則：當量測方向選擇「XY 雙軸」或型號選取「B4A-II」時，系統自動勾選「固定纜線接頭」，並劃掉「快拆纜線接頭」

版本: 5.6
日期: 2026/08/17
修改摘要: 1. 修復選取「XY 雙軸」後無法點擊取消之死鎖問題：新增方向取消防鎖機制；2. 新增「過行程：有」之連動與連帶影響過濾：劃掉無過行程之型號 (BTFC1, BTS, B4A-II)，連帶劃掉 23mm/40mm 高度、手動方式及 XY雙軸/XYZ三軸

版本: 5.7
日期: 2026/08/17
修改摘要: 對刀儀型號完全移除 BTFC1-0.5N 與 BTS-5-0.5N 選項，清理其在 HTML 結構與 JavaScript 選型連動、排他劃掉規則中之所有引用

版本: 5.8
日期: 2026/08/17
修改摘要: 新增接觸盤面直徑 5mm 對過行程之連動規則：當選取直徑 5mm 時，系統自動勾選「無過行程」，並將「有過行程」劃掉停用

版本: 5.9
日期: 2026/08/17
修改摘要: 1. 新增量測方向單軸對型號劃掉規則：選取「單軸」時劃掉 B4A-II 型號；2. 新增活塞軸承對型號過濾規則：選取「活塞軸承」時保留 BTFC1, BTF2, BTS-5, BTS-55, BTS-520, T20Z, BT1220, B4A-II，將鋼珠軸承型號全數劃掉

版本: 6.0
日期: 2026/08/17
修改摘要: 新增選取量測方式「手動」時劃掉對刀儀型號 B4A-II 轉為灰階停用

版本: 6.1
日期: 2026/08/17
修改摘要: 新增 BTFC1 與 BTF2 型號對纜線拔插之連動規則：選取 BTFC1 或 BTF2 時，系統自動勾選「固定纜線接頭」，並劃掉「快拆纜線接頭」

版本: 6.2
日期: 2026/08/17
修改摘要: 新增活塞軸承型號 (BTFC1, BTF2, BTS-5, BTS-55, BTS-520, T20Z, BT1220, B4A-II) 對軸承型態之連動規則：當選取上述型號時，系統自動勾選「活塞軸承」，並劃掉「鋼珠軸承」

版本: 6.3
日期: 2026/08/17
修改摘要: 新增選取量測方式「手動」時對量測方向之連動規則：系統自動勾選「單軸」，並將「XY 雙軸」與「XYZ 三軸」劃掉停用

版本: 6.4
日期: 2026/08/17
修改摘要: 新增「量測方式：自動」且「過行程：無」時對對刀儀型號之連動規則：系統自動勾選 BTFC1，並將其餘所有型號全數劃掉停用

版本: 6.5
日期: 2026/08/17
修改摘要: 徹底解決「自動」+「無過行程」選取時產生全盤型號死鎖無法勾選之問題：1. 自動相容預設 5mm 直徑與 23mm 高度；2. 新增取消「無過行程」時之解鎖機制

版本: 6.6
日期: 2026/08/17
修改摘要: 徹底清掃「自動」+「無過行程」下因快拆纜線接頭與 0.05mm 刀徑等舊選取引發之交叉死鎖：強制將 cable_detach 調和為「固定纜線接頭」，將 min_tool_dia 調和為「0.1mm」

版本: 6.7
日期: 2026/08/17
修改摘要: 移除「量測方式：自動 + 過行程：無 → 強制 BTFC1」規則，此規則與多重其他規則（活塞軸承、快拆纜線、手動模式等）產生無法解決之相互死鎖，導致全頁面 Pill 無法勾選，已徹底移除以恢復正常操作

版本: 6.8
日期: 2026/08/17
修改摘要: 1. 移除「取消任何對刀儀型號 → 全數重置」規則（此規則在自動規則更新型號時誤觸發導致死鎖）；2. 修正 Footer 公司聯絡資訊：電話 +886-2-77298471、傳真 +886-2-22235743、郵件 tsense@tsense-tw.com

版本: 6.9
日期: 2026/08/17
修改摘要: 修正 `evaluateRules` 函式中先前遺漏的 `BTFC1` 雙向高度連動規則之大括號 `}` 語法錯誤（SyntaxError），解決由此引起之 JavaScript 完全失效、全頁面選項無法勾選之核心問題。

版本: 7.0
日期: 2026/08/17
修改摘要: 根據 toolsetter_spec.xls 規格表全面重構為「數據驅動 (Data-Driven)」詢價系統。引入物理規格矩陣 (PRODUCT_MATRIX)，並實作宣告式動態過濾與置灰演算法，從根本上杜絕邏輯死鎖問題；HTML 規格選項中新增 BTR 型號及 0.2mm、無、7M、不需要等參數選項。

版本: 7.1
日期: 2026/08/17
修改摘要: 修正 BTR 的物理參數對應：在 PRODUCT_MATRIX 中將 BTR 的 output_type 修改為 NC 與 NO (取消 Both)，高度修改為 105mm，並同步在 HTML 高度選項組件中新增 105mm 選項 Pill。

版本: 7.2
日期: 2026/08/17
修改摘要: 1. 客戶聯絡資訊欄位移除「需求數量」
         2. 設計「加入購物車」機制，在勾選完對刀儀型號或其他產品型號後顯示需求數量表格與確認按鈕
         3. 購物車項目支援多選、移除，並在右側即時渲染預覽，送出時一併送出所有詢價項目
         4. 其他產品分類 (計數器、定位開關、直線軸承、鋼珠套) 改為簡易型號選型與加購表單

版本: 7.3
日期: 2026/08/17
修改摘要: 1. 根據 moldcounter_spec.xls 新增計數器詳細選型面板 (panel-counter)
         2. 計數器型號置於最後一個選項，並實作 evaluateCounterRules 連動邏輯
         3. LOGO 選擇「客制」時，限制最低起訂量為 1000，並於 UI 給予即時提示與輸入驗證

版本: 7.4
日期: 2026/08/17
修改摘要: 計數器尺寸選項「47.6 x 38 x 24.4mm」更名為「標準尺寸 47.6 x 38 x 24.4mm」，「33 x 20 x 16.5mm」更名為「迷你尺寸 33 x 20 x 16.5mm」

版本: 7.5
日期: 2026/08/17
修改摘要: 修正 COUNTER_MATRIX 中 BLMC-7 型號之耐溫等級，由 160℃ 調整為 120℃

版本: 7.6
日期: 2026/08/17
修改摘要: 1. 根據 toolsetter_specv2.xls 重構對刀儀物理規格篩選矩陣 (PRODUCT_MATRIX)，共 22 個型號
         2. 新增防護等級 (protection_level)、更換盤面 (replaceable_plate) 與品牌 (brand) 三大規格篩選
         3. 整合對刀儀品牌選擇「客制」時之起訂量限制 (最少 1000)，並於 UI 提供警告提示與防呆限制

版本: 7.7
日期: 2026/08/17
修改摘要: 修正對刀儀頁面初始化時預設選取「僅LED指示燈」之問題。將 HTML 選項輸出接點型態 NC(1->0)、NO(0->1) 與 Both NC & NO 的 data-val 調整為 "NC"、"NO" 與 "BothNC&NO"，使其與 PRODUCT_MATRIX 中的定義一致，防止初始化時除「僅LED指示燈」外之其他選項被誤灰階停用而導致自動勾選。

版本: 7.8
日期: 2026/08/17
修改摘要: 針對對刀儀 B4A 或 T4A 系列產品，實作動態特別說明顯示機制。在對刀儀型號選單下方新增說明區塊，並於 evaluateRules 規則引擎中即時擷取 Excel 規格書中所定義之備註（例如：四方向/車床專用等輸出訊號說明）並呈現於網頁中。

版本: 7.9
日期: 2026/08/17
修改摘要: 實作「纜線長度必須大於金屬保護管長度」之連動限制規則。在規則引擎中加入 parseLength 輔助函數進行數值化比對；若選取保護管，小於等於其長度之纜線選項置灰停用；若選取纜線，大於等於其長度之保護管選項置灰停用（不需要保護管除外），以確保詢價選型之物理合理性。

版本: 8.0
日期: 2026/08/17
修改摘要: 修正「是否需要吹氣裝置」選項全部被置灰劃掉之問題。將 HTML 選項中「有吹氣裝置」與「無吹氣裝置」的 data-val 分別修正為 "有" 與 "無"，使其與 PRODUCT_MATRIX 規格矩陣中的定義保持一致，以恢復選項的正常點選。

版本: 8.1
日期: 2026/08/17
修改摘要: 實作購物車加入前之完整選型驗證。在對刀儀 (addToolSetterToCart) 與計數器 (addCounterToCart) 加入購物車前，動態檢索各個規格分類；若該分類下有可用選項（未被置灰停用）但使用者尚未勾選，則跳出提示框列出缺漏規格項目，防範漏選並提升使用者體驗。

版本: 8.2
日期: 2026/08/17
修改摘要: 實作吹氣裝置在手動與自動模式下之專屬預設與禁用規則。若選擇手動模式或 BTS 系列產品，系統預設勾選「無吹氣裝置」並將「有吹氣裝置」劃掉禁用；若在自動模式（或其他非手動型號），吹氣裝置尚未點選時預設勾選「有吹氣裝置」，並維持「無吹氣裝置」可選，確保其彈性。

版本: 8.3
日期: 2026/08/17
修改摘要: 修正並優化吹氣裝置預設與禁用連動邏輯：手動模式或手動類產品（BTS開頭）預設選「無」並劃掉「有」；其他型號（自動模式或非手動類產品）則一律預設勾選「有」並保留「無」，同時新增物理限制剛解鎖時之自動回彈預設勾選「有」機制。

版本: 8.4
日期: 2026/08/17
修改摘要: 實作對刀儀型號取消勾選重置機制：當使用者手動點擊已選取之對刀儀型號進行取消勾選時，自動呼叫 resetToolSetterSpecs 重置清空對刀儀所有規格選項，回到初始狀態。

版本: 8.5
日期: 2026/08/17
修改摘要: 修復手動模式被置灰禁用之 BUG。在非手動/非BTS的吹氣預設勾選規則中，加回 isAutoOrModelSelected 限制條件，防止在頁面初載入且尚未選擇 any 型號或量測方式時，因過早預設勾選「有吹氣裝置」而將不支援有吹氣之手動產品物理置灰。

版本: 8.6
日期: 2026/08/17
修改摘要: 修改對刀儀 LOGO 選擇「客制」時之最低起訂量，由 1000 件下調調整為 300 件，同步更新 HTML UI 提示資訊、規格限制檢查及加入詢價購物車之防呆驗證。

版本: 8.7
日期: 2026/08/17
修改摘要: 1. 根據 touch_sensor.xls 規格表全面新增定位開關詳細選型面板 (panel-position-switch)，引入物理規格篩選矩陣 POSITION_SWITCH_MATRIX 並實作動態置灰連動與自動勾選
         2. 將定位開關從簡易面板切換為詳細選型面板，並更新 initCategoryTabs, initOptionPillEvents, addPositionSwitchToCart, resetPositionSwitchSpecs 邏輯，使定位開關具備完整互動式規格詢價選型流程
         3. 修正 BCS-M5C 的規格資料為雙心線與 0.5M 纜線長度（原 Excel 登載為耐油絕緣線）

版本: 8.8
日期: 2026/08/17
修改摘要: 1. 移除鋼珠套選項頁籤（從 5 大類調整為 4 大類）
         2. 移除關鍵字與描述等中介資料中的鋼珠套相關提及

版本: 8.9
日期: 2026/08/17
修改摘要: 1. 新增直線軸承專屬客製與圖面詢價選型面板 (panel-linear-bearing)，呈現母公司 OEM 代工背景歷史
         2. 整合拖曳及點擊上傳圖面功能，並提供檔案預覽與移除機制
         3. 串接購物車動態渲染，支援在購物車內顯示上傳的圖面名稱，完成整體直線軸承詢價流程

版本: 8.10
日期: 2026/08/17
修改摘要: 1. 移除直線軸承面板中的型號/類別選擇 Pill 欄位與手動輸入其他型號欄位
         2. 調整直線軸承詢價邏輯，當上傳圖面時預設型號為「客製化直線運動軸承」，並強制要求上傳圖面後始得加入詢價單

版本: 8.11
日期: 2026/08/17
修改摘要: 1. 修正對刀儀規則引擎 evaluateRules 中的全局 DOM 查詢（.option-pill 與 .spec-group），將其嚴格限制於 #panel-tool-setter 容器內，修復預設將定位開關選項灰階停用以及預設劃掉對刀儀「手動」量測方式之問題
         2. 修復定位開關頁面因全局查詢干擾而導致初始化時非預期自動勾選「IP67」之 Bug

版本: 8.12
日期: 2026/08/17
修改摘要: 1. 調整 handleFormSubmit 表單提交函式，利用 fetch 以 POST JSON 方式將詢價單資料異步傳送至遠端 API https://mes.t-sense.tw/accept_inquery.php
         2. 加入提交防重複點擊禁用狀態與錯誤處理提示

版本: 8.13
日期: 2026/08/17
修改摘要: 1. 新增全域變數 uploadedDrawingData 用以儲存直線軸承圖檔之 Base64 編碼
         2. 修改 handleBearingFile 以 FileReader 將檔案非同步轉換為 Data URL Base64 格式
         3. 調整 clearBearingUploadedFile 與 addLinearBearingToCart，於加入購物車時附帶 drawingData Base64 內容並於清空時同步釋放，完成附檔傳輸整合

版本: 8.14
日期: 2026/08/18
修改摘要: 1. 於直線軸承面板中新增「常見鋼珠套規格選配」模組，加載 usual_ball_spec1.xls 建立之鋼珠套規格陣列 BALL_CAGE_MATRIX
         2. 實作以「適用導柱外徑 (φ3mm ~ φ50mm)」為起點的動態規格 Pills 渲染及防呆選取控制
         3. 整合加購功能 addBallCageToCart()，支援選定之標準鋼珠套參數格式化寫入詢價購物車中

版本: 8.15
日期: 2026/08/18
修改摘要: 1. 於常見鋼珠套「鋼珠直徑」規格標題旁新增「適用導套內徑」提示徽章 (ball-cage-sleeve-id-badge)
         2. 實作自動計算邏輯 updateBallCageSleeveID()，套用公式「導套內徑 = 導柱外徑 + 2 * 鋼珠直徑」，當此二欄位均選取時動態計算並展示，加購或重置時自動收合隱藏

版本: 8.16
日期: 2026/08/18
修改摘要: 1. 於常見鋼珠套標題右側新增「重置選擇」按鈕
         2. 實作 resetBallCageConfigurator() 函式，並在點擊重置按鈕或加購成功時呼叫以將選取面板狀態完整重設與隱藏

版本: 8.17
日期: 2026/08/18
修改摘要: 1. 調整 renderBallCageSpecGroup() 邏輯，當導柱外徑為 16mm 以上且選項包含「米字型」時，預設勾選並設定鋼珠排列方式為「米字型」

版本: 8.18
日期: 2026/08/18
修改摘要: 1. 將「客戶聯絡資訊」表單區塊從左側底部移至右側側邊欄「詢價單項目預覽」之上，並包覆於同一個 position: sticky 容器 right-column-container 中，維持自適應與滾動懸浮
         2. 新增 Cookie 同意勾選框 (cookie-consent-checkbox)，並實作 Cookie 讀寫與清除邏輯，當提交成功且勾選同意時記錄聯絡資訊（有效期 365 天），於頁面加載或表單重設時自動回填，防止重複填入

版本: 8.19
日期: 2026/08/18
修改摘要: 1. 調整常見鋼珠套選配區塊的描述文字，變更為「如果您只需要『鋼珠套』也不知道該如何設計，可以先參考以下的常見規格來做選擇」

版本: 8.20
日期: 2026/08/18
修改摘要: 1. 解析並載入 usual_ball_spec1_updated.xlsx 中 56 組完整的外徑與規格數據至 BALL_CAGE_MATRIX
         2. 實作依賴「鋼珠直徑」的動態規格連動邏輯 updateBallCageDependentSpecs()（包含等級、產地、材料的動態過濾），並加入「銅」作為鋼珠套材料之預設必備選項

版本: 8.21
日期: 2026/08/26
修改摘要: 在對刀儀選型規格標題（軸承型態、重複定位精度、防水防塵等級、有沒有過行程、適用最小刀徑、纜線是否可以拔插）旁新增詳細說明技術文章跳轉連結

版本: 8.22
日期: 2026/08/28
修改摘要: 修復定位開關規格取消勾選連動問題：引入 userSelectedPositionSwitchSpecs 狀態追蹤使用者手動選取規格，重構 evaluatePositionSwitchRules 運算流程，確保點擊「雙心線」等選項後再取消點擊時，連動被劃掉的「耐油絕緣線」等選項能正確恢復為可選擇狀態。

版本: 8.23
日期: 2026/08/28
修改摘要: 補全與優化定位開關、計數器與對刀儀型號圖示映射（BCS、BCW、BCWB、BLMC、HTMC、BTR 等），支援 96px 自適應網格卡片佈局、選取高亮及條件灰階透明化效果。

版本: 8.24
日期: 2026/08/30
修改摘要: 調整直線運動軸承規格詢價面板歷史說明內容，移除「得盛世母公司（代工廠）專業傳承」標題與「直線運動軸承」組成條目及 Emoji，僅保留自 1978 年與自 1990 年之代工背景說明。

版本: 8.25
日期: 2026/09/30
修改摘要: 整合 Cloudflare Turnstile 智慧人機驗證（Managed 模式），在客戶聯絡與詢價單預覽區塊嵌入驗證元件，並於表單提交與 MES 後端 API 實作 Token 驗證與重設防刷保護機制。
版本: 8.26
日期: 2026/09/30
修改摘要: 頁面檔名由 inquery.html 更名為 inquiry.html，並更新語言切換、標準鏈結 (canonical) 與相關內部連結。
-->
<!DOCTYPE html>

<html dir="ltr" lang="zh-tw">
<head>
<meta charset="utf-8"/>
<meta content="伯神對刀儀,對刀儀詢價,得盛世詢價,刀具設定,CNC對刀儀規格,模具計數器,定位開關,直線軸承" name="keywords"/>
<meta content="得盛世企業線上詢價系統 - 提供CNC對刀儀、模具計數器、精密定位開關、直線軸承等產品規格線上選型與即時詢價服務。" name="description"/>
<meta content="index, follow, max-snippet:-1, max-image-preview:large" name="robots"/>
<link href="https://tsense-tw.com/inquiry.html" rel="canonical"/>
<meta content="zh_TW" property="og:locale"/>
<meta content="website" property="og:type"/>
<meta content="產品規格線上詢價系統 - 得盛世企業官方網站" property="og:title"/>
<meta content="得盛世企業線上詢價系統 - 提供CNC對刀儀、模具計數器、精密定位開關、直線軸承等產品規格線上選型與即時詢價服務。" property="og:description"/>
<meta content="https://tsense-tw.com/images/T_toolsetters/T30Z.jpg" property="og:image"/>
<meta content="https://tsense-tw.com/inquiry.html" property="og:url"/>
<meta content="得盛世企業" property="og:site_name"/>
<meta content="summary_large_image" name="twitter:card"/>
<meta content="產品規格線上詢價系統 - 得盛世企業官方網站" name="twitter:title"/>
<meta content="得盛世企業線上詢價系統 - 提供CNC對刀儀、模具計數器、精密定位開關、直線軸承等產品規格線上選型與即時詢價服務。" name="twitter:description"/>
<meta content="https://tsense-tw.com/images/T_toolsetters/T30Z.jpg" name="twitter:image"/>
<title>產品規格線上詢價系統 - 得盛世企業官方網站</title>
<!-- hreflang -->
<link href="https://tsense-tw.com/inquiry.html" hreflang="zh-Hant" rel="alternate"/>
<link href="https://tsense-tw.com/inquiry.html" hreflang="x-default" rel="alternate"/>
<link href="/templates/ja_morgan/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"/>
<link href="/t3-assets/css/css-73c47-76629.css" media="all" rel="stylesheet" type="text/css"/>
<link href="/t3-assets/css/css-88a6c-76629.css" media="all" rel="stylesheet" type="text/css"/>
<link href="/t3-assets/css/css-ecf64-76632.css" media="all" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet"/>
<script src="/t3-assets/js/js-545ce-71140.js" type="text/javascript"></script>
<!-- Cloudflare Turnstile API -->
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<style>
		:root {
			--red: #d93030;
			--red-dark: #b82828;
			--navy: #1a2340;
			--navy-light: #2c3e6e;
			--gray-bg: #f7f8fa;
			--gray-border: #e5e7eb;
			--text: #333;
			--text-light: #6b7280;
			--card-shadow: 0 4px 12px rgba(0,0,0,0.06);
		}
		body {
			font-family: 'Noto Sans TC', Arial, sans-serif;
			margin: 0;
			padding: 0;
			background: #fdfdfd;
			color: var(--text);
		}
		.wrapper {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 24px;
		}
		.container {
			max-width: 1140px;
			margin: 0 auto;
			padding: 0 20px;
		}
		
		/* Header & Nav */
		.site-header {
			background: #fff;
			border-bottom: 3px solid var(--red);
			box-shadow: 0 2px 8px rgba(0,0,0,.07);
			position: sticky;
			top: 0;
			z-index: 100;
		}
		.header-inner {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 14px 0;
		}
		.site-logo {
			font-size: 20px;
			font-weight: 700;
			color: var(--navy);
			text-decoration: none;
			line-height: 1.2;
		}
		.site-logo .slogan {
			display: block;
			font-size: 11px;
			font-weight: 400;
			color: var(--text-light);
		}
		.site-nav {
			display: flex;
			gap: 4px;
			align-items: center;
		}
		.site-nav .nav-item {
			position: relative;
			padding-bottom: 6px;
			margin-bottom: -6px;
		}
		.site-nav a, .site-nav .dropdown-toggle {
			display: block;
			padding: 8px 14px;
			color: var(--text);
			font-size: 14px;
			font-weight: 500;
			border-radius: 5px;
			transition: color .2s, background .2s;
			text-decoration: none;
			cursor: pointer;
		}
		.site-nav a:hover, .site-nav a.active, .site-nav .nav-item:hover .dropdown-toggle {
			color: var(--red);
			background: rgba(217,48,48,.07);
			text-decoration: none;
		}
		.site-nav .dropdown {
			position: absolute;
			top: 100%;
			left: 0;
			background: #fff;
			box-shadow: 0 4px 20px rgba(0,0,0,0.15);
			border-radius: 8px;
			padding: 10px 0;
			min-width: 180px;
			display: none;
			z-index: 1000;
			border: 1px solid var(--gray-border);
			margin-top: 5px;
		}
		.site-nav .dropdown::before {
			content: "";
			position: absolute;
			top: -10px;
			left: 0;
			right: 0;
			height: 10px;
			background: transparent;
		}
		.site-nav .nav-item:hover .dropdown {
			display: block;
		}
		.caret {
			display: inline-block;
			width: 0;
			height: 0;
			margin-left: 4px;
			vertical-align: middle;
			border-top: 4px solid;
			border-right: 4px solid transparent;
			border-left: 4px solid transparent;
		}
		.hamburger {
			display: none;
			background: none;
			border: none;
			font-size: 28px;
			cursor: pointer;
			padding: 10px;
			color: var(--navy);
		}
		.mobile-nav {
			display: none;
		}

		@media (max-width: 768px) {
			.site-nav { display: none; }
			.hamburger {
				display: flex !important;
				flex-direction: column;
				gap: 4px;
				background: none;
				border: none;
				cursor: pointer;
				padding: 8px;
				z-index: 1001;
			}
			.hamburger span {
				display: block;
				width: 24px;
				height: 2px;
				background: var(--navy);
				border-radius: 2px;
			}
			.mobile-nav {
				display: none;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,.5);
				z-index: 999;
			}
			.mobile-nav.open { display: block; }
			.mobile-nav-inner {
				background: #fff;
				width: 280px;
				height: 100%;
				padding: 60px 24px 24px;
				overflow-y: auto;
				box-shadow: 2px 0 12px rgba(0,0,0,.15);
			}
			.mobile-nav-inner a {
				display: block;
				padding: 12px 0;
				font-size: 15px;
				font-weight: 500;
				color: var(--text);
				border-bottom: 1px solid var(--gray-border);
				text-decoration: none;
			}
			.mobile-nav-inner a:hover { color: var(--red); }
			.mobile-nav-close {
				position: absolute;
				top: 16px;
				right: 16px;
				background: none;
				border: none;
				font-size: 28px;
				cursor: pointer;
				color: var(--text);
			}
		}

		/* Breadcrumb */
		.breadcrumb {
			background: var(--gray-bg);
			border-bottom: 1px solid var(--gray-border);
			padding: 11px 0;
			font-size: 13px;
			color: var(--text-light);
		}
		.breadcrumb a {
			color: var(--text-light);
			text-decoration: none;
		}
		.breadcrumb a:hover { color: var(--red); }
		.breadcrumb .sep { margin: 0 8px; opacity: .5; }

		/* Inquiry Page Layout */
		.inquiry-header {
			text-align: center;
			margin: 35px 0 25px;
		}
		.inquiry-header h1 {
			font-size: 28px;
			font-weight: 700;
			color: var(--navy);
			margin: 0 0 10px;
		}
		.inquiry-header p {
			font-size: 15px;
			color: var(--text-light);
			margin: 0;
		}

		/* Category Navigation Tabs */
		.category-tabs {
			display: flex;
			flex-wrap: wrap;
			gap: 16px;
			justify-content: center;
			margin-bottom: 30px;
			border-bottom: 2px solid var(--gray-border);
			padding-bottom: 20px;
		}
		.cat-tab-btn {
			background: #fff;
			border: 2px solid var(--gray-border);
			color: var(--navy);
			font-weight: 600;
			font-size: 16px;
			padding: 14px 20px;
			border-radius: 14px;
			cursor: pointer;
			transition: all 0.25s ease;
			box-shadow: 0 2px 5px rgba(0,0,0,0.04);
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 10px;
			min-width: 140px;
		}
		.cat-tab-btn .cat-tab-icon {
			width: 96px;
			height: 96px;
			object-fit: contain;
			background: #f8fafc;
			border: 1px solid var(--gray-border);
			border-radius: 10px;
			padding: 6px;
			transition: all 0.25s ease;
			display: block;
		}
		.cat-tab-btn:hover {
			border-color: var(--red);
			color: var(--red);
			transform: translateY(-2px);
			box-shadow: 0 4px 12px rgba(217, 48, 48, 0.12);
		}
		.cat-tab-btn:hover .cat-tab-icon {
			border-color: rgba(217, 48, 48, 0.3);
			background: #fff;
			transform: scale(1.05);
		}
		.cat-tab-btn.active {
			background: var(--navy);
			color: #fff;
			border-color: var(--navy);
			box-shadow: 0 4px 14px rgba(26, 35, 64, 0.25);
		}
		.cat-tab-btn.active .cat-tab-icon {
			background: #fff;
			border-color: #fff;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
		}
		@media (max-width: 576px) {
			.category-tabs {
				gap: 10px;
			}
			.cat-tab-btn {
				min-width: calc(50% - 10px);
				padding: 10px 12px;
				font-size: 14px;
			}
			.cat-tab-btn .cat-tab-icon {
				width: 72px;
				height: 72px;
			}
		}

		/* Grid Layout for Form & Summary Cart */
		.inquiry-body-grid {
			display: grid;
			grid-template-columns: 1fr 340px;
			gap: 30px;
			align-items: start;
			margin-bottom: 60px;
		}
		@media (max-width: 992px) {
			.inquiry-body-grid {
				grid-template-columns: 1fr;
			}
		}

		/* Specs Filter Area */
		.specs-card {
			background: #fff;
			border: 1px solid var(--gray-border);
			border-radius: 12px;
			padding: 28px;
			box-shadow: var(--card-shadow);
		}
		.specs-card-title {
			font-size: 20px;
			font-weight: 700;
			color: var(--navy);
			margin-bottom: 20px;
			padding-bottom: 10px;
			border-bottom: 2px solid var(--red);
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.reset-btn {
			font-size: 13px;
			color: var(--red);
			background: rgba(217,48,48,0.08);
			border: 1px solid rgba(217,48,48,0.2);
			padding: 4px 12px;
			border-radius: 15px;
			cursor: pointer;
			transition: all 0.2s ease;
		}
		.reset-btn:hover {
			background: var(--red);
			color: #fff;
		}

		.spec-group {
			margin-bottom: 22px;
			padding-bottom: 18px;
			border-bottom: 1px dashed var(--gray-border);
		}
		.spec-group:last-of-type {
			border-bottom: none;
		}
		.spec-label {
			font-size: 15px;
			font-weight: 700;
			color: var(--navy);
			margin-bottom: 10px;
			display: flex;
			align-items: center;
			gap: 8px;
		}
		.spec-label .req-tag {
			font-size: 11px;
			color: var(--red);
			background: #fff0f0;
			padding: 2px 6px;
			border-radius: 4px;
			font-weight: normal;
		}
		.spec-label .spec-link {
			font-size: 12px;
			color: #3b82f6;
			text-decoration: none;
			font-weight: 500;
			margin-left: 4px;
			transition: color 0.2s, text-decoration 0.2s;
		}
		.spec-label .spec-link:hover {
			color: var(--red);
			text-decoration: underline;
		}
		
		/* Option Pills */
		.options-wrapper {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
		}
		.option-pill {
			background: #f8fafc;
			border: 1px solid #cbd5e1;
			color: #334155;
			font-size: 14px;
			font-weight: 500;
			padding: 8px 16px;
			border-radius: 6px;
			cursor: pointer;
			user-select: none;
			transition: all 0.2s ease;
			display: inline-flex;
			align-items: center;
			gap: 6px;
		}
		.option-pill:hover:not(.disabled) {
			border-color: var(--navy);
			color: var(--navy);
			background: #f1f5f9;
		}
		.option-pill.active {
			background: var(--navy);
			color: #ffffff;
			border-color: var(--navy);
			font-weight: 600;
			box-shadow: 0 2px 6px rgba(26, 35, 64, 0.2);
		}
		.option-pill.active::before {
			content: "✓";
			font-weight: bold;
		}
		
		/* Disabled State (灰階停用) */
		.option-pill.disabled {
			background-color: #f1f5f9;
			color: #94a3b8;
			border-color: #e2e8f0;
			cursor: not-allowed;
			opacity: 0.55;
			text-decoration: line-through;
			pointer-events: none;
		}

		/* Model Pills with Images (Tool Setter, Counter, Position Switch) */
		#panel-tool-setter [data-group-key="model"] .options-wrapper,
		#panel-counter [data-group-key="model"] .options-wrapper,
		#panel-position-switch [data-group-key="model"] .options-wrapper {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
			gap: 12px;
		}
		#panel-tool-setter [data-group-key="model"] .option-pill,
		#panel-counter [data-group-key="model"] .option-pill,
		#panel-position-switch [data-group-key="model"] .option-pill {
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 8px;
			padding: 12px 10px;
			min-width: 0;
			position: relative;
			border-radius: 10px;
			text-align: center;
		}
		#panel-tool-setter [data-group-key="model"] .option-pill .model-pill-img,
		#panel-counter [data-group-key="model"] .option-pill .model-pill-img,
		#panel-position-switch [data-group-key="model"] .option-pill .model-pill-img {
			width: 96px;
			height: 96px;
			object-fit: contain;
			background: #ffffff;
			border: 1px solid var(--gray-border);
			border-radius: 8px;
			padding: 4px;
			transition: all 0.2s ease;
			display: block;
		}
		#panel-tool-setter [data-group-key="model"] .option-pill:hover:not(.disabled) .model-pill-img,
		#panel-counter [data-group-key="model"] .option-pill:hover:not(.disabled) .model-pill-img,
		#panel-position-switch [data-group-key="model"] .option-pill:hover:not(.disabled) .model-pill-img {
			border-color: var(--navy);
			transform: scale(1.04);
		}
		#panel-tool-setter [data-group-key="model"] .option-pill.active .model-pill-img,
		#panel-counter [data-group-key="model"] .option-pill.active .model-pill-img,
		#panel-position-switch [data-group-key="model"] .option-pill.active .model-pill-img {
			border-color: #fff;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
		}
		#panel-tool-setter [data-group-key="model"] .option-pill.active::before,
		#panel-counter [data-group-key="model"] .option-pill.active::before,
		#panel-position-switch [data-group-key="model"] .option-pill.active::before {
			position: absolute;
			top: 6px;
			right: 8px;
			background: rgba(255, 255, 255, 0.25);
			width: 18px;
			height: 18px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 11px;
			line-height: 1;
		}
		#panel-tool-setter [data-group-key="model"] .option-pill.disabled .model-pill-img,
		#panel-counter [data-group-key="model"] .option-pill.disabled .model-pill-img,
		#panel-position-switch [data-group-key="model"] .option-pill.disabled .model-pill-img {
			opacity: 0.45;
			filter: grayscale(100%);
		}
		@media (max-width: 576px) {
			#panel-tool-setter [data-group-key="model"] .options-wrapper,
			#panel-counter [data-group-key="model"] .options-wrapper,
			#panel-position-switch [data-group-key="model"] .options-wrapper {
				grid-template-columns: repeat(2, 1fr);
				gap: 8px;
			}
			#panel-tool-setter [data-group-key="model"] .option-pill .model-pill-img,
			#panel-counter [data-group-key="model"] .option-pill .model-pill-img,
			#panel-position-switch [data-group-key="model"] .option-pill .model-pill-img {
				width: 72px;
				height: 72px;
			}
		}

		/* Contact Details Section */
		.contact-card {
			margin-top: 30px;
			background: #f8fafc;
			border: 1px solid #e2e8f0;
			border-radius: 10px;
			padding: 22px;
		}
		.contact-card-title {
			font-size: 17px;
			font-weight: 700;
			color: var(--navy);
			margin-bottom: 15px;
		}
		.form-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 16px;
		}
		@media (max-width: 600px) {
			.form-grid {
				grid-template-columns: 1fr;
			}
		}
		.form-field {
			display: flex;
			flex-direction: column;
			gap: 6px;
		}
		.form-field.full-width {
			grid-column: 1 / -1;
		}
		.form-field label {
			font-size: 14px;
			font-weight: 600;
			color: var(--navy);
		}
		.form-field label .star {
			color: var(--red);
		}
		.form-field input {
			padding: 10px 14px;
			border: 1px solid #cbd5e1;
			border-radius: 6px;
			font-size: 14px;
			outline: none;
			transition: border-color 0.2s ease;
			font-family: inherit;
		}
		.form-field input:focus {
			border-color: var(--navy);
			box-shadow: 0 0 0 3px rgba(26,35,64,0.1);
		}

		/* Right Side Summary Cart */
		.right-column-container {
			display: flex;
			flex-direction: column;
			gap: 20px;
			position: sticky;
			top: 95px;
		}
		.right-column-container .contact-card {
			margin-top: 0;
			background: #fff;
			border: 1px solid var(--gray-border);
			border-radius: 12px;
			padding: 24px;
			box-shadow: var(--card-shadow);
		}
		.right-column-container .contact-card .form-grid {
			grid-template-columns: 1fr;
		}
		.cart-summary-card {
			background: #fff;
			border: 1px solid var(--gray-border);
			border-radius: 12px;
			padding: 24px;
			box-shadow: var(--card-shadow);
		}
		.cart-title {
			font-size: 18px;
			font-weight: 700;
			color: var(--navy);
			margin-bottom: 16px;
			padding-bottom: 10px;
			border-bottom: 2px solid var(--red);
			display: flex;
			align-items: center;
			gap: 8px;
		}
		.cart-items-list {
			max-height: 420px;
			overflow-y: auto;
			padding-right: 4px;
			margin-bottom: 20px;
		}
		.cart-item-row {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			padding: 8px 0;
			border-bottom: 1px solid #f1f5f9;
			font-size: 13px;
		}
		.cart-item-key {
			color: var(--text-light);
			font-weight: 500;
		}
		.cart-item-val {
			color: var(--navy);
			font-weight: 700;
			text-align: right;
		}
		.cart-empty-notice {
			text-align: center;
			color: #94a3b8;
			font-size: 14px;
			padding: 30px 0;
		}

		.submit-btn {
			width: 100%;
			background: var(--red);
			color: #fff;
			border: none;
			padding: 14px 20px;
			border-radius: 8px;
			font-size: 16px;
			font-weight: 700;
			cursor: pointer;
			transition: background 0.2s ease, transform 0.1s ease;
			box-shadow: 0 4px 12px rgba(217, 48, 48, 0.3);
		}
		.submit-btn:hover {
			background: var(--red-dark);
		}
		.submit-btn:active {
			transform: scale(0.99);
		}

		/* Other categories placeholder panel */
		.placeholder-panel {
			background: #fff;
			border: 1px dashed #cbd5e1;
			border-radius: 12px;
			padding: 60px 20px;
			text-align: center;
			margin-bottom: 60px;
		}
		.placeholder-panel h3 {
			font-size: 22px;
			color: var(--navy);
			margin-bottom: 10px;
		}
		.placeholder-panel p {
			color: var(--text-light);
			font-size: 15px;
			margin-bottom: 24px;
		}

		/* 加購與購物車動作區塊 */
		.cart-action-panel {
			margin-top: 25px;
			background: #f1f5f9;
			border: 1px solid #cbd5e1;
			border-radius: 8px;
			padding: 20px;
			animation: fadeIn 0.3s ease;
		}
		@keyframes fadeIn {
			from { opacity: 0; transform: translateY(5px); }
			to { opacity: 1; transform: translateY(0); }
		}
		.cart-action-title {
			font-size: 15px;
			font-weight: 700;
			color: var(--navy);
			margin-bottom: 12px;
		}
		.cart-action-row {
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
			gap: 15px;
		}
		.qty-control {
			display: flex;
			align-items: center;
			gap: 8px;
		}
		.qty-control label {
			font-size: 14px;
			font-weight: 600;
			color: var(--navy);
		}
		.qty-control input {
			width: 80px;
			padding: 8px 12px;
			border: 1px solid #cbd5e1;
			border-radius: 6px;
			font-size: 14px;
			text-align: center;
		}
		.add-to-cart-btn {
			background: var(--navy);
			color: #fff;
			border: none;
			padding: 10px 24px;
			border-radius: 6px;
			font-size: 14px;
			font-weight: 700;
			cursor: pointer;
			transition: all 0.2s ease;
		}
		.add-to-cart-btn:hover {
			background: var(--navy-light);
			transform: translateY(-1px);
		}
		.add-to-cart-btn:active {
			transform: translateY(0);
		}

		/* 購物車項目樣式 */
		.cart-item-block {
			background: #f8fafc;
			border: 1px solid #e2e8f0;
			border-radius: 8px;
			padding: 14px;
			margin-bottom: 12px;
			position: relative;
			transition: all 0.2s ease;
		}
		.cart-item-block:hover {
			border-color: #cbd5e1;
			box-shadow: 0 2px 6px rgba(0,0,0,0.02);
		}
		.cart-item-title-row {
			display: flex;
			align-items: center;
			gap: 6px;
			margin-bottom: 6px;
			padding-right: 20px; /* 避開刪除按鈕 */
		}
		.cart-item-tag {
			font-size: 11px;
			font-weight: 600;
			background: #e2e8f0;
			color: #475569;
			padding: 2px 6px;
			border-radius: 4px;
		}
		.cart-item-model-name {
			font-size: 14px;
			font-weight: 700;
			color: var(--navy);
		}
		.cart-item-delete-btn {
			position: absolute;
			top: 10px;
			right: 12px;
			cursor: pointer;
			color: #94a3b8;
			font-size: 14px;
			font-weight: bold;
			transition: color 0.2s ease;
			padding: 4px;
		}
		.cart-item-delete-btn:hover {
			color: var(--red);
		}
		.cart-item-qty-row {
			font-size: 13px;
			color: #475569;
			margin-bottom: 6px;
		}
		.cart-item-specs-detail {
			font-size: 11px;
			color: #64748b;
			line-height: 1.4;
			border-top: 1px solid #f1f5f9;
			padding-top: 6px;
			margin-top: 6px;
			word-break: break-all;
		}
		
		/* 直線軸承與上傳區塊樣式 */
		.bearing-info-box {
			background: #f8fafc;
			border-left: 4px solid var(--navy);
			padding: 16px;
			margin-bottom: 24px;
			border-radius: 4px 8px 8px 4px;
			text-align: left;
		}
		.bearing-info-box .info-title {
			font-weight: bold;
			color: var(--navy);
			font-size: 15px;
			margin-bottom: 10px;
		}
		.bearing-info-box .info-list {
			margin: 0;
			padding-left: 20px;
			font-size: 13.5px;
			line-height: 1.8;
			color: #334155;
		}
		.bearing-info-box .info-list li {
			margin-bottom: 6px;
		}
		.bearing-custom-box {
			background: #fff;
			border: 1px solid #e2e8f0;
			border-radius: 8px;
			padding: 20px;
			text-align: left;
		}
		.bearing-custom-box .custom-title {
			font-weight: bold;
			color: #1e293b;
			font-size: 15px;
			margin-bottom: 8px;
		}
		.bearing-custom-box .custom-desc {
			font-size: 13px;
			color: #64748b;
			margin-bottom: 18px;
			line-height: 1.5;
		}
		.upload-drag-area {
			border: 2px dashed #cbd5e1;
			background: #f8fafc;
			border-radius: 8px;
			padding: 24px 16px;
			text-align: center;
			cursor: pointer;
			transition: all 0.2s ease;
			position: relative;
			margin-top: 8px;
		}
		.upload-drag-area:hover, .upload-drag-area.drag-over {
			border-color: var(--navy);
			background: #f1f5f9;
		}
		.upload-drag-area .upload-icon {
			font-size: 32px;
			margin-bottom: 10px;
		}
		.upload-drag-area .upload-text {
			font-size: 13px;
			color: #64748b;
		}
		.upload-drag-area .upload-link {
			color: var(--navy);
			font-weight: 600;
			text-decoration: underline;
		}
		.upload-file-preview {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
			background: #fff;
			border: 1px solid #e2e8f0;
			padding: 8px 16px;
			border-radius: 6px;
			margin-top: 6px;
			position: relative;
		}
		.upload-file-preview .preview-name {
			font-size: 13px;
			color: #1e293b;
			font-weight: 600;
			max-width: 200px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.upload-file-preview .preview-size {
			font-size: 11px;
			color: #94a3b8;
		}
		.upload-file-preview .preview-remove-btn {
			font-size: 14px;
			color: #94a3b8;
			cursor: pointer;
			padding: 4px;
			margin-left: 10px;
			font-weight: bold;
			transition: color 0.2s ease;
		}
		.upload-file-preview .preview-remove-btn:hover {
			color: var(--red);
		}
		.cart-item-drawing-detail {
			font-size: 11px;
			color: var(--navy);
			background: #eff6ff;
			border-radius: 4px;
			padding: 4px 8px;
			margin-top: 6px;
			display: inline-block;
			border: 1px solid #dbeafe;
			font-weight: 600;
		}
		
		/* Toast Notification */
		.toast-container {
			position: fixed;
			bottom: 24px;
			left: 24px;
			z-index: 9999;
			display: flex;
			flex-direction: column;
			gap: 8px;
		}
		.toast-msg {
			background: var(--navy);
			color: #fff;
			padding: 12px 24px;
			border-radius: 8px;
			box-shadow: 0 4px 12px rgba(0,0,0,0.15);
			font-size: 14px;
			font-weight: 500;
			opacity: 0;
			transform: translateY(20px);
			transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
			border-left: 4px solid var(--red);
		}
		.toast-msg.show {
			opacity: 1;
			transform: translateY(0);
		}

		/* Footer */
		.site-footer {
			background: #1a2340;
			color: #ccc;
			padding: 50px 0 0;
		}
		.footer-inner {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			gap: 40px;
			max-width: 1080px;
			margin: 0 auto;
			padding: 0 24px;
		}
		.site-footer h3 {
			color: #fff;
			font-size: 16px;
			font-weight: 700;
			margin-bottom: 16px;
			padding-bottom: 8px;
			border-bottom: 2px solid var(--red);
		}
		.site-footer ul { list-style: none; padding: 0; margin: 0; }
		.site-footer ul li { margin-bottom: 10px; }
		.site-footer ul li a { color: #bbb; text-decoration: none; font-size: 14px; transition: color .2s; }
		.site-footer ul li a:hover { color: var(--red); }
		.site-footer p { font-size: 14px; line-height: 1.8; margin: 0 0 6px; }
		.site-footer p a { color: #bbb; text-decoration: none; }
		.site-footer p a:hover { color: var(--red); }
		.footer-bottom {
			background: rgba(0,0,0,.25);
			margin-top: 40px;
			padding: 18px 0;
			text-align: center;
		}
		.footer-bottom p { font-size: 13px; color: #888; margin: 0; }
		.footer-bottom a { color: #aaa; text-decoration: none; }
		.footer-bottom a:hover { color: var(--red); }
		@media (max-width: 768px) {
			.footer-inner { grid-template-columns: 1fr; gap: 30px; }
		}

		/* Modal Notification */
		.modal-overlay {
			display: none;
			position: fixed;
			top:0; left:0; width:100%; height:100%;
			background: rgba(0,0,0,0.6);
			z-index: 2000;
			align-items: center;
			justify-content: center;
		}
		.modal-overlay.show { display: flex; }
		.modal-content {
			background: #fff;
			border-radius: 12px;
			padding: 32px;
			max-width: 480px;
			width: 90%;
			text-align: center;
			box-shadow: 0 10px 30px rgba(0,0,0,0.25);
		}
		.modal-icon {
			font-size: 48px;
			color: #10b981;
			margin-bottom: 16px;
		}
		.modal-title {
			font-size: 22px;
			font-weight: 700;
			color: var(--navy);
			margin-bottom: 10px;
		}
		.modal-msg {
			font-size: 15px;
			color: var(--text-light);
			margin-bottom: 24px;
			line-height: 1.6;
		}
		.modal-close-btn {
			background: var(--navy);
			color: #fff;
			border: none;
			padding: 10px 24px;
			border-radius: 6px;
			font-weight: 600;
			cursor: pointer;
		}
	</style>
<script type="application/ld+json">
	{
		"@context": "https://schema.org",
		"@type": "WebPage",
		"name": "產品規格線上詢價系統 - 得盛世企業",
		"description": "得盛世企業線上詢價系統，提供對刀儀、計數器、定位開關與直線軸承之規格選定與即時詢價。",
		"url": "https://tsense-tw.com/inquiry.html"
	}
	</script>
</head>
<body>
<!-- Header -->
<header class="site-header">
<div class="wrapper">
<div class="header-inner">
<a class="site-logo" href="/">得盛世企業<span class="slogan">挑戰更加完全的可能性</span></a>
<nav class="site-nav">
<div class="nav-item">
<a class="dropdown-toggle">關於得盛世 <em class="caret"></em></a>
<div class="dropdown">
<a href="/about-t-sense.html">關於得盛世</a>
<a href="/brand-story.html">品牌故事</a>
</div>
</div>
<a href="/products.html">產品</a>
<a href="/download.html">下載</a>
<a class="active" href="/inquiry.html">線上詢價</a>
<a href="/tsense-contact.html">聯絡我們</a>
<div class="nav-item">
<a class="dropdown-toggle">專業洞察 <em class="caret"></em></a>
<div class="dropdown">
<a href="/exhibition.html">展會回顧</a>
<a href="/news.html">企業動態</a>
<a href="/tech-resources.html">技術資料</a>
<a href="/quality-certification.html">品質認證</a>
</div>
</div>
<div class="nav-item">
<a aria-label="語言選擇" class="dropdown-toggle" href="javascript:void(0)">語言 <em class="caret"></em></a>
<div class="dropdown">
<a href="/cn/inquiry.html" hreflang="zh-Hans" lang="zh-Hans">简体中文</a>
<a href="/en/inquiry.html" hreflang="en" lang="en">English</a>
<a href="/ja/inquiry.html" hreflang="ja" lang="ja">日本語</a>
<a href="/vi/inquiry.html" hreflang="vi" lang="vi">Tiếng Việt</a>
<a href="/pl/inquiry.html" hreflang="pl" lang="pl">Polski</a>
<a href="/cs/inquiry.html" hreflang="cs" lang="cs">Čeština</a>
</div>
</div>
</nav>
<button class="hamburger" onclick="document.querySelector('.mobile-nav').classList.toggle('open')"><span></span><span></span><span></span></button>
</div>
</div>
</header>
<div class="mobile-nav" onclick="if(event.target===this)this.classList.remove('open')">
<div class="mobile-nav-inner"><button class="mobile-nav-close" onclick="this.closest('.mobile-nav').classList.remove('open')">×</button><a href="/about-t-sense.html">關於得盛世</a><a href="/brand-story.html">品牌故事</a><a href="/products.html">產品</a><a href="/download.html">下載</a><a href="/inquiry.html">線上詢價</a><a href="/tsense-contact.html">聯絡我們</a><a href="/exhibition.html">展會回顧</a><a href="/news.html">企業動態</a><a href="/tech-resources.html">技術資料</a><a href="/quality-certification.html">品質認證</a><a href="/cn/inquiry.html" hreflang="zh-Hans" lang="zh-Hans">简体中文</a><a href="/en/inquiry.html" hreflang="en" lang="en">English</a><a href="/ja/inquiry.html" hreflang="ja" lang="ja">日本語</a><a href="/vi/inquiry.html" hreflang="vi" lang="vi">Tiếng Việt</a><a href="/pl/inquiry.html" hreflang="pl" lang="pl">Polski</a><a href="/cs/inquiry.html" hreflang="cs" lang="cs">Čeština</a></div>
</div>
<!-- Breadcrumb -->
<div class="breadcrumb">
<div class="wrapper">
<a href="/">首頁</a><span class="sep">›</span>
<a href="/inquiry.html">線上詢價系統</a><span class="sep">›</span>
<span id="breadcrumb-category">對刀儀</span>
</div>
</div>
<!-- Main Body Container -->
<main class="container">
<div class="inquiry-header">
<h1>產品規格線上詢價系統</h1>
<p>請選擇您感興趣的產品類別與規格參數，我們將盡快為您提供專屬報價與諮詢</p>
</div>
<!-- 4 大分類頁籤 Category Tabs -->
<div class="category-tabs" id="category-tabs">
<button class="cat-tab-btn active" data-cat="tool-setter">
	<img src="/products/T30Z.png?v=1787900996040" alt="對刀儀" class="cat-tab-icon" width="96" height="96">
	<span>對刀儀</span>
</button>
<button class="cat-tab-btn" data-cat="counter">
	<img src="/products/MRSP2-7.png?v=1787900996040" alt="計數器" class="cat-tab-icon" width="96" height="96">
	<span>計數器</span>
</button>
<button class="cat-tab-btn" data-cat="position-switch">
	<img src="/products/BCS-M3.png?v=1787900996040" alt="定位開關" class="cat-tab-icon" width="96" height="96">
	<span>定位開關</span>
</button>
<button class="cat-tab-btn" data-cat="linear-bearing">
	<img src="/products/guide_set.png?v=1787900996040" alt="直線軸承" class="cat-tab-icon" width="96" height="96">
	<span>直線軸承</span>
</button>
</div>
<!-- 統一詢價表單 (包裹左側所有選型卡片與客戶聯絡人資訊，以及右側購物車項目) -->
<form id="inquiry-form" onsubmit="handleFormSubmit(event)">
<div class="inquiry-body-grid">
<!-- 左側主欄：包含不同分類的規格選擇面板與客戶聯絡人資訊 -->
<div class="left-main-column">
<!-- 對刀儀詢價區塊 (Tool Setter Panel) -->
<div class="category-panel" id="panel-tool-setter">
<div class="specs-card">
<div class="specs-card-title">
<span>對刀儀規格條件選擇</span>
<button class="reset-btn" onclick="resetToolSetterSpecs()" type="button">重置選項</button>
</div>
<!-- 1. 量測方式 -->
<div class="spec-group" data-group-key="measure_mode" data-group-name="量測方式">
<div class="spec-label">量測方式</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="measure_mode" data-val="自動">自動</div>
<div class="option-pill" data-group-key="measure_mode" data-val="手動">手動</div>
</div>
</div>
<!-- 2. 量測方向 -->
<div class="spec-group" data-group-key="direction" data-group-name="量測方向">
<div class="spec-label">量測方向</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="direction" data-val="單軸">單軸</div>
<div class="option-pill" data-group-key="direction" data-val="XY 雙軸">XY 雙軸</div>
<div class="option-pill" data-group-key="direction" data-val="XYZ 三軸">XYZ 三軸</div>
</div>
</div>
<!-- 3. 接觸盤面直徑 -->
<div class="spec-group" data-group-key="dia" data-group-name="接觸盤面直徑">
<div class="spec-label">接觸盤面直徑</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="dia" data-val="5mm">5mm</div>
<div class="option-pill" data-group-key="dia" data-val="10mm">10mm</div>
<div class="option-pill" data-group-key="dia" data-val="20mm">20mm</div>
<div class="option-pill" data-group-key="dia" data-val="30mm">30mm</div>
<div class="option-pill" data-group-key="dia" data-val="40mm">40mm</div>
<div class="option-pill" data-group-key="dia" data-val="50mm">50mm</div>
</div>
</div>
<!-- 新增：可更換接觸盤面 -->
<div class="spec-group" data-group-key="replaceable_plate" data-group-name="可更換接觸盤面">
<div class="spec-label">可更換接觸盤面</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="replaceable_plate" data-val="可更換盤面">可更換盤面</div>
<div class="option-pill" data-group-key="replaceable_plate" data-val="無">無</div>
</div>
</div>
<!-- 4. 軸承型態 -->
<div class="spec-group" data-group-key="bearing" data-group-name="軸承型態">
<div class="spec-label">軸承型態 <a class="spec-link" href="/linear-ball-bearing-vs-linear-plain-bearing-tool-setter.html" target="_blank" title="點擊說明">（關於軸承差異）</a></div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="bearing" data-val="鋼珠軸承">鋼珠軸承</div>
<div class="option-pill" data-group-key="bearing" data-val="活塞軸承">活塞軸承</div>
</div>
</div>
<!-- 5. 重複定位精度 -->
<div class="spec-group" data-group-key="accuracy" data-group-name="重複定位精度">
<div class="spec-label">重複定位精度 <a class="spec-link" href="/tsense-tool-setter-repeatability.html" target="_blank" title="點擊說明">（關於重複定位精度）</a></div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="accuracy" data-val="0.6um">0.6um</div>
<div class="option-pill" data-group-key="accuracy" data-val="1um">1um</div>
<div class="option-pill" data-group-key="accuracy" data-val="3um">3um</div>
</div>
</div>
<!-- 新增：防水防塵等級 -->
<div class="spec-group" data-group-key="protection_level" data-group-name="防水防塵等級">
<div class="spec-label">防水防塵等級 <a class="spec-link" href="/ip68-certified-tool-setter.html" target="_blank" title="點擊說明">（關於防水防塵的第三方公證）</a></div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="protection_level" data-val="IP67">IP67</div>
<div class="option-pill" data-group-key="protection_level" data-val="IP68">IP68</div>
</div>
</div>
<!-- 6. 有沒有過行程 -->
<div class="spec-group" data-group-key="overtravel" data-group-name="有沒有過行程">
<div class="spec-label">有沒有過行程 <a class="spec-link" href="/cnc-tool-setter-overtravel-protection.html" target="_blank" title="點擊說明">（關於過行程的差異）</a></div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="overtravel" data-val="有">有</div>
<div class="option-pill" data-group-key="overtravel" data-val="無">無</div>
</div>
</div>
<!-- 7. 適用最小刀徑 -->
<div class="spec-group" data-group-key="min_tool_dia" data-group-name="適用最小刀徑">
<div class="spec-label">適用最小刀徑 <a class="spec-link" href="/micro-diameter-tool-setter-test-005mm.html" target="_blank" title="點擊說明">（關於適用最小刀徑）</a></div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="min_tool_dia" data-val="0.05mm">0.05mm</div>
<div class="option-pill" data-group-key="min_tool_dia" data-val="0.07mm">0.07mm</div>
<div class="option-pill" data-group-key="min_tool_dia" data-val="0.1mm">0.1mm</div>
<div class="option-pill" data-group-key="min_tool_dia" data-val="0.2mm">0.2mm</div>
</div>
</div>
<!-- 8. 纜線是否可以拔插 -->
<div class="spec-group" data-group-key="cable_detach" data-group-name="纜線是否可以拔插">
<div class="spec-label">纜線是否可以拔插 <a class="spec-link" href="/tsense-tool-setter-cable-connector-ip68.html" target="_blank" title="點擊說明">（關於纜線接頭）</a></div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="cable_detach" data-val="快拆纜線接頭">快拆纜線接頭</div>
<div class="option-pill" data-group-key="cable_detach" data-val="固定纜線接頭">固定纜線接頭</div>
<div class="option-pill" data-group-key="cable_detach" data-val="無">無</div>
</div>
</div>
<!-- 9. 輸出接點型態 -->
<div class="spec-group" data-group-key="output_type" data-group-name="輸出接點型態">
<div class="spec-label">輸出接點型態</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="output_type" data-val="NC">NC(1-&gt;0)</div>
<div class="option-pill" data-group-key="output_type" data-val="NO">NO(0-&gt;1)</div>
<div class="option-pill" data-group-key="output_type" data-val="BothNC&amp;NO">Both NC &amp; NO</div>
<div class="option-pill" data-group-key="output_type" data-val="僅LED指示燈">僅LED指示燈</div>
</div>
</div>
<!-- 10. 是否需要吹氣裝置 -->
<div class="spec-group" data-group-key="air_blow" data-group-name="是否需要吹氣裝置">
<div class="spec-label">是否需要吹氣裝置</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="air_blow" data-val="有">有吹氣裝置</div>
<div class="option-pill" data-group-key="air_blow" data-val="無">無吹氣裝置</div>
</div>
</div>
<!-- 11. 纜線的金屬保護管 -->
<div class="spec-group" data-group-key="protection_length" data-group-name="纜線的金屬保護管">
<div class="spec-label">纜線的金屬保護管</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="protection_length" data-val="不需要">不需要</div>
<div class="option-pill" data-group-key="protection_length" data-val="0.5M">0.5M</div>
<div class="option-pill" data-group-key="protection_length" data-val="1M">1M</div>
<div class="option-pill" data-group-key="protection_length" data-val="2.5M">2.5M</div>
<div class="option-pill" data-group-key="protection_length" data-val="3M">3M</div>
<div class="option-pill" data-group-key="protection_length" data-val="3.5M">3.5M</div>
<div class="option-pill" data-group-key="protection_length" data-val="5M">5M</div>
</div>
</div>
<!-- 12. 纜線長度 -->
<div class="spec-group" data-group-key="cable_length" data-group-name="纜線長度">
<div class="spec-label">纜線長度</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="cable_length" data-val="不需要">不需要</div>
<div class="option-pill" data-group-key="cable_length" data-val="1M">1M</div>
<div class="option-pill" data-group-key="cable_length" data-val="3M">3M</div>
<div class="option-pill" data-group-key="cable_length" data-val="5M">5M</div>
<div class="option-pill" data-group-key="cable_length" data-val="7M">7M</div>
<div class="option-pill" data-group-key="cable_length" data-val="10M">10M</div>
<div class="option-pill" data-group-key="cable_length" data-val="15M">15M</div>
</div>
</div>
<!-- 13. 產品高度 -->
<div class="spec-group" data-group-key="height" data-group-name="產品高度">
<div class="spec-label">產品高度</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="height" data-val="23mm">23mm</div>
<div class="option-pill" data-group-key="height" data-val="40mm">40mm</div>
<div class="option-pill" data-group-key="height" data-val="40.5mm">40.5mm</div>
<div class="option-pill" data-group-key="height" data-val='2"'>2"</div>
<div class="option-pill" data-group-key="height" data-val="50mm">50mm</div>
<div class="option-pill" data-group-key="height" data-val="65mm">65mm</div>
<div class="option-pill" data-group-key="height" data-val="100mm">100mm</div>
<div class="option-pill" data-group-key="height" data-val="105mm">105mm</div>
</div>
</div>
<!-- 新增：LOGO / 品牌 -->
<div class="spec-group" data-group-key="brand" data-group-name="LOGO">
<div class="spec-label">LOGO / 品牌</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="brand" data-val="BALLSUM">BALLSUM</div>
<div class="option-pill" data-group-key="brand" data-val="T-SENSE">T-SENSE</div>
<div class="option-pill" data-group-key="brand" data-val="客制">客制</div>
</div>
</div>
<!-- 14. 對刀儀型號 -->
<div class="spec-group" data-group-key="model" data-group-name="對刀儀型號">
<div class="spec-label">對刀儀型號</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="model" data-val="BTFC1">
	<img src="/products/BTFC1.png?v=1787900996040" alt="BTFC1" class="model-pill-img" width="96" height="96">
	<span>BTFC1</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BTFC1-R">
	<img src="/products/BTFC1-R-II.png?v=1787900996040" alt="BTFC1-R" class="model-pill-img" width="96" height="96">
	<span>BTFC1-R</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BTF2">
	<img src="/products/BTF2.png?v=1787900996040" alt="BTF2" class="model-pill-img" width="96" height="96">
	<span>BTF2</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BTS-5">
	<img src="/products/BTS-5.png?v=1787900996040" alt="BTS-5" class="model-pill-img" width="96" height="96">
	<span>BTS-5</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BTS-520">
	<img src="/products/BTS-55.png?v=1787900996040" alt="BTS-520" class="model-pill-img" width="96" height="96">
	<span>BTS-520</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BTS-55">
	<img src="/products/BTS-55.png?v=1787900996040" alt="BTS-55" class="model-pill-img" width="96" height="96">
	<span>BTS-55</span>
</div>
<div class="option-pill" data-group-key="model" data-val="T10Z">
	<img src="/products/BTF2.png?v=1787900996040" alt="T10Z" class="model-pill-img" width="96" height="96">
	<span>T10Z</span>
</div>
<div class="option-pill" data-group-key="model" data-val="T20Z">
	<img src="/products/BT1220.png?v=1787900996040" alt="T20Z" class="model-pill-img" width="96" height="96">
	<span>T20Z</span>
</div>
<div class="option-pill" data-group-key="model" data-val="T30Z">
	<img src="/products/T30Z.png?v=1787900996040" alt="T30Z" class="model-pill-img" width="96" height="96">
	<span>T30Z</span>
</div>
<div class="option-pill" data-group-key="model" data-val="T30Z-AB">
	<img src="/products/T30Z.png?v=1787900996040" alt="T30Z-AB" class="model-pill-img" width="96" height="96">
	<span>T30Z-AB</span>
</div>
<div class="option-pill" data-group-key="model" data-val="T40Z">
	<img src="/products/BT2040.png?v=1787900996040" alt="T40Z" class="model-pill-img" width="96" height="96">
	<span>T40Z</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BT1220">
	<img src="/products/BT1220.png?v=1787900996040" alt="BT1220" class="model-pill-img" width="96" height="96">
	<span>BT1220</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BT1220S">
	<img src="/products/BT1220.png?v=1787900996040" alt="BT1220S" class="model-pill-img" width="96" height="96">
	<span>BT1220S</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BT20">
	<img src="/products/BT20.png?v=1787900996040" alt="BT20" class="model-pill-img" width="96" height="96">
	<span>BT20</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BT2030">
	<img src="/products/BT2030.png?v=1787900996040" alt="BT2030" class="model-pill-img" width="96" height="96">
	<span>BT2030</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BT2030-AB">
	<img src="/products/BT2030.png?v=1787900996040" alt="BT2030-AB" class="model-pill-img" width="96" height="96">
	<span>BT2030-AB</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BT2040">
	<img src="/products/BT2040.png?v=1787900996040" alt="BT2040" class="model-pill-img" width="96" height="96">
	<span>BT2040</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BT2050">
	<img src="/products/T50Z.png?v=1787900996040" alt="BT2050" class="model-pill-img" width="96" height="96">
	<span>BT2050</span>
</div>
<div class="option-pill" data-group-key="model" data-val="B4A-II">
	<img src="/products/B4A-II.png?v=1787900996040" alt="B4A-II" class="model-pill-img" width="96" height="96">
	<span>B4A-II</span>
</div>
<div class="option-pill" data-group-key="model" data-val="B4A-II-1">
	<img src="/products/B4A-II.png?v=1787900996040" alt="B4A-II-1" class="model-pill-img" width="96" height="96">
	<span>B4A-II-1</span>
</div>
<div class="option-pill" data-group-key="model" data-val="T4A-1">
	<img src="/products/T4A.png?v=1787900996040" alt="T4A-1" class="model-pill-img" width="96" height="96">
	<span>T4A-1</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BTR">
	<img src="/products/BTR.png?v=1787900996040" alt="BTR" class="model-pill-img" width="96" height="96">
	<span>BTR</span>
</div>
</div>
<!-- B4A / T4A 系列產品特別說明 -->
<div class="spec-special-note" id="model-special-note" style="display: none; margin-top: 10px; padding: 10px 14px; background: #fffde7; border-left: 4px solid #ffd54f; font-size: 13.5px; color: #5d4037; border-radius: 4px; line-height: 1.5; font-weight: 500;">
							💡 <strong>產品特別說明：</strong><span id="model-special-note-text"></span>
</div>
</div>
<!-- 對刀儀加入購物車區塊 -->
<div class="cart-action-panel" id="tool-setter-cart-action" style="display: none;">
<div class="cart-action-title">➕ 設定需求數量並加入詢價單</div>
<div class="cart-action-row">
<div class="qty-control">
<label for="tool-setter-qty">需求數量：</label>
<input id="tool-setter-qty" min="1" type="number" value="1"/>
<span id="tool-setter-qty-limit-tip" style="display: none; color: var(--red); font-size: 12px; margin-left: 10px; font-weight: 600;">(客制 LOGO 最低起訂量 300 件)</span>
</div>
<button class="add-to-cart-btn" onclick="addToolSetterToCart()" type="button">確認加入</button>
</div>
</div>
</div>
</div>
<!-- 計數器規格選型面板 -->
<div class="category-panel" id="panel-counter" style="display: none;">
<div class="specs-card">
<div class="specs-card-title">
<span>計數器規格條件選擇</span>
<button class="reset-btn" onclick="resetCounterSpecs()" type="button">重置選項</button>
</div>
<!-- 1. 尺寸 -->
<div class="spec-group" data-group-key="size" data-group-name="尺寸">
<div class="spec-label">尺寸</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="size" data-val="標準尺寸 47.6 x 38 x 24.4mm">標準尺寸 47.6 x 38 x 24.4mm</div>
<div class="option-pill" data-group-key="size" data-val="迷你尺寸 33 x 20 x 16.5mm">迷你尺寸 33 x 20 x 16.5mm</div>
</div>
</div>
<!-- 2. 方向 -->
<div class="spec-group" data-group-key="direction" data-group-name="方向">
<div class="spec-label">方向</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="direction" data-val="右">右</div>
<div class="option-pill" data-group-key="direction" data-val="左">左</div>
</div>
</div>
<!-- 3. 耐溫等級 -->
<div class="spec-group" data-group-key="temp" data-group-name="耐溫等級">
<div class="spec-label">耐溫等級</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="temp" data-val="120℃">120℃</div>
<div class="option-pill" data-group-key="temp" data-val="160℃">160℃</div>
<div class="option-pill" data-group-key="temp" data-val="200℃">200℃</div>
</div>
</div>
<!-- 4. LOGO/品牌 -->
<div class="spec-group" data-group-key="brand" data-group-name="LOGO">
<div class="spec-label">LOGO / 品牌</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="brand" data-val="BALLSUM">BALLSUM</div>
<div class="option-pill" data-group-key="brand" data-val="客制">客制</div>
</div>
</div>
<!-- 5. 計數器型號 -->
<div class="spec-group" data-group-key="model" data-group-name="計數器型號">
<div class="spec-label">計數器型號</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="model" data-val="MRSP-7">
	<img src="/products/MRSP2-7.png?v=1787900996040" alt="MRSP-7" class="model-pill-img" width="96" height="96">
	<span>MRSP-7</span>
</div>
<div class="option-pill" data-group-key="model" data-val="MRSP2-7">
	<img src="/products/MRSP2-7.png?v=1787900996040" alt="MRSP2-7" class="model-pill-img" width="96" height="96">
	<span>MRSP2-7</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BMCS-7">
	<img src="/products/BMCS-7.png?v=1787900996040" alt="BMCS-7" class="model-pill-img" width="96" height="96">
	<span>BMCS-7</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BLMC-7">
	<img src="/products/BLMC2-7.png?v=1787900996040" alt="BLMC-7" class="model-pill-img" width="96" height="96">
	<span>BLMC-7</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BLMC2-7">
	<img src="/products/BLMC2-7.png?v=1787900996040" alt="BLMC2-7" class="model-pill-img" width="96" height="96">
	<span>BLMC2-7</span>
</div>
<div class="option-pill" data-group-key="model" data-val="HTMC-7">
	<img src="/products/HTMC-7.png?v=1787900996040" alt="HTMC-7" class="model-pill-img" width="96" height="96">
	<span>HTMC-7</span>
</div>
</div>
</div>
<!-- 計數器加入購物車區塊 -->
<div class="cart-action-panel" id="counter-cart-action" style="display: none;">
<div class="cart-action-title">➕ 設定需求數量並加入詢價單</div>
<div class="cart-action-row">
<div class="qty-control">
<label for="counter-qty">需求數量：</label>
<input id="counter-qty" min="1" type="number" value="1"/>
<span id="counter-qty-limit-tip" style="display: none; color: var(--red); font-size: 12px; margin-left: 10px; font-weight: 600;">(客制 LOGO 最低起訂量 1000 件)</span>
</div>
<button class="add-to-cart-btn" onclick="addCounterToCart()" type="button">確認加入</button>
</div>
</div>
</div>
</div>
<!-- 定位開關規格選型面板 -->
<div class="category-panel" id="panel-position-switch" style="display: none;">
<div class="specs-card">
<div class="specs-card-title">
<span>定位開關規格條件選擇</span>
<button class="reset-btn" onclick="resetPositionSwitchSpecs()" type="button">重置選項</button>
</div>
<!-- 1. 重複定位精度 -->
<div class="spec-group" data-group-key="accuracy" data-group-name="重複定位精度">
<div class="spec-label">重複定位精度</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="accuracy" data-val="0.001mm">0.001mm</div>
<div class="option-pill" data-group-key="accuracy" data-val="0.003mm">0.003mm</div>
</div>
</div>
<!-- 2. 外徑尺寸 -->
<div class="spec-group" data-group-key="outer_dia" data-group-name="外徑尺寸">
<div class="spec-label">外徑尺寸</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="outer_dia" data-val="3mm">3mm</div>
<div class="option-pill" data-group-key="outer_dia" data-val="4mm">4mm</div>
<div class="option-pill" data-group-key="outer_dia" data-val="5mm">5mm</div>
<div class="option-pill" data-group-key="outer_dia" data-val="8mm">8mm</div>
<div class="option-pill" data-group-key="outer_dia" data-val="10mm">10mm</div>
</div>
</div>
<!-- 3. 螺牙 -->
<div class="spec-group" data-group-key="thread" data-group-name="螺牙">
<div class="spec-label">螺牙</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="thread" data-val="無">無</div>
<div class="option-pill" data-group-key="thread" data-val="M3x0.5">M3x0.5</div>
<div class="option-pill" data-group-key="thread" data-val="M4x0.5">M4x0.5</div>
<div class="option-pill" data-group-key="thread" data-val="M5x0.5">M5x0.5</div>
<div class="option-pill" data-group-key="thread" data-val="M8x0.5">M8x0.5</div>
<div class="option-pill" data-group-key="thread" data-val="M10x0.5">M10x0.5</div>
</div>
</div>
<!-- 4. 接觸尺寸/形狀 -->
<div class="spec-group" data-group-key="contact_type" data-group-name="接觸尺寸/形狀">
<div class="spec-label">接觸尺寸/形狀</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="contact_type" data-val="1.2mm/平面">1.2mm/平面</div>
<div class="option-pill" data-group-key="contact_type" data-val="1.5mm/平面">1.5mm/平面</div>
<div class="option-pill" data-group-key="contact_type" data-val="3.0mm/鎢剛平面">3.0mm/鎢剛平面</div>
<div class="option-pill" data-group-key="contact_type" data-val="5.0mm/鎢剛平面">5.0mm/鎢剛平面</div>
<div class="option-pill" data-group-key="contact_type" data-val="φ1.5mm/球型">φ1.5mm/球型</div>
</div>
</div>
<!-- 5. 接觸力 -->
<div class="spec-group" data-group-key="contact_force" data-group-name="接觸力">
<div class="spec-label">接觸力</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="contact_force" data-val="≒0.5N">≒0.5N</div>
<div class="option-pill" data-group-key="contact_force" data-val="≒0.8N">≒0.8N</div>
</div>
</div>
<!-- 6. 防水防塵等級 -->
<div class="spec-group" data-group-key="protection_level" data-group-name="防水防塵等級">
<div class="spec-label">防水防塵等級</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="protection_level" data-val="IP40">IP40</div>
<div class="option-pill" data-group-key="protection_level" data-val="IP67">IP67</div>
</div>
</div>
<!-- 7. 纜線種類 -->
<div class="spec-group" data-group-key="cable_type" data-group-name="纜線種類">
<div class="spec-label">纜線種類</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="cable_type" data-val="耐油絕緣線">耐油絕緣線</div>
<div class="option-pill" data-group-key="cable_type" data-val="雙心線">雙心線</div>
</div>
</div>
<!-- 8. 纜線長度 -->
<div class="spec-group" data-group-key="cable_length" data-group-name="纜線長度">
<div class="spec-label">纜線長度</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="cable_length" data-val="0.5M">0.5M</div>
<div class="option-pill" data-group-key="cable_length" data-val="2M">2M</div>
<div class="option-pill" data-group-key="cable_length" data-val="5M">5M</div>
<div class="option-pill" data-group-key="cable_length" data-val="8M">8M</div>
</div>
</div>
<!-- 9. LED指示燈 -->
<div class="spec-group" data-group-key="led" data-group-name="LED指示燈">
<div class="spec-label">LED指示燈</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="led" data-val="有">有</div>
<div class="option-pill" data-group-key="led" data-val="無">無</div>
</div>
</div>
<!-- 10. 輸出信號 -->
<div class="spec-group" data-group-key="output_signal" data-group-name="輸出信號">
<div class="spec-label">輸出信號</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="output_signal" data-val="NC（常閉）">NC（常閉）</div>
</div>
</div>
<!-- 11. 定位開關型號 -->
<div class="spec-group" data-group-key="model" data-group-name="定位開關型號">
<div class="spec-label">定位開關型號</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="model" data-val="BCS-03">
	<img src="/products/BCS-03.png?v=1787900996040" alt="BCS-03" class="model-pill-img" width="96" height="96">
	<span>BCS-03</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCS-03C">
	<img src="/products/BCS-03.png?v=1787900996040" alt="BCS-03C" class="model-pill-img" width="96" height="96">
	<span>BCS-03C</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCS-M3">
	<img src="/products/BCS-M3.png?v=1787900996040" alt="BCS-M3" class="model-pill-img" width="96" height="96">
	<span>BCS-M3</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCS-M3C">
	<img src="/products/BCS-M3.png?v=1787900996040" alt="BCS-M3C" class="model-pill-img" width="96" height="96">
	<span>BCS-M3C</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCS-04">
	<img src="/products/BCS-04.png?v=1787900996040" alt="BCS-04" class="model-pill-img" width="96" height="96">
	<span>BCS-04</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCS-04C">
	<img src="/products/BCS-04.png?v=1787900996040" alt="BCS-04C" class="model-pill-img" width="96" height="96">
	<span>BCS-04C</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCS-M4">
	<img src="/products/BCS-M4.png?v=1787900996040" alt="BCS-M4" class="model-pill-img" width="96" height="96">
	<span>BCS-M4</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCS-M4C">
	<img src="/products/BCS-M4C.png?v=1787900996040" alt="BCS-M4C" class="model-pill-img" width="96" height="96">
	<span>BCS-M4C</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCS-05">
	<img src="/products/BCS-05.png?v=1787900996040" alt="BCS-05" class="model-pill-img" width="96" height="96">
	<span>BCS-05</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCS-05C">
	<img src="/products/BCS-05.png?v=1787900996040" alt="BCS-05C" class="model-pill-img" width="96" height="96">
	<span>BCS-05C</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCS-M5">
	<img src="/products/BCS-M5.png?v=1787900996040" alt="BCS-M5" class="model-pill-img" width="96" height="96">
	<span>BCS-M5</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCS-M5C">
	<img src="/products/BCS-M5C.png?v=1787901071113" alt="BCS-M5C" class="model-pill-img" width="96" height="96">
	<span>BCS-M5C</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCW-M8">
	<img src="/products/BCW-M8.png?v=1787900996040" alt="BCW-M8" class="model-pill-img" width="96" height="96">
	<span>BCW-M8</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCWB-M8">
	<img src="/products/BCWB-M8.png?v=1787900996040" alt="BCWB-M8" class="model-pill-img" width="96" height="96">
	<span>BCWB-M8</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCW-M10">
	<img src="/products/BCW-M10.png?v=1787900996040" alt="BCW-M10" class="model-pill-img" width="96" height="96">
	<span>BCW-M10</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BCWB-M10">
	<img src="/products/BCWB-M10.png?v=1787900996040" alt="BCWB-M10" class="model-pill-img" width="96" height="96">
	<span>BCWB-M10</span>
</div>
</div>
</div>
<!-- 定位開關加入購物車區塊 -->
<div class="cart-action-panel" id="position-switch-cart-action" style="display: none;">
<div class="cart-action-title">➕ 設定需求數量並加入詢價單</div>
<div class="cart-action-row">
<div class="qty-control">
<label for="position-switch-qty">需求數量：</label>
<input id="position-switch-qty" min="1" type="number" value="1"/>
</div>
<button class="add-to-cart-btn" onclick="addPositionSwitchToCart()" type="button">確認加入</button>
</div>
</div>
</div>
</div>
<!-- 直線軸承規格選型面板 -->
<div class="category-panel" id="panel-linear-bearing" style="display: none;">
<div class="specs-card">
<div class="specs-card-title">
<span>直線運動軸承規格詢價</span>
</div>
<div style="display: flex; align-items: center; gap: 18px; margin: 16px 0 20px; padding: 14px; background: #f8fafc; border: 1px solid var(--gray-border); border-radius: 10px;">
	<img src="/products/guide_set.png?v=1787900996040" alt="直線運動軸承組合 (導柱 + 鋼珠套 + 導套)" width="108" height="108" style="width: 108px; height: 108px; min-width: 108px; object-fit: contain; background: #fff; border: 1px solid var(--gray-border); border-radius: 8px; padding: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.04);">
	<div style="font-size: 14px; color: #334155; line-height: 1.7;">
		<strong style="color: var(--navy); font-size: 15px;">精密直線運動軸承組件</strong><br>
		由 <strong>導柱 + 鋼珠套 + 導套</strong> 精密配合而成。得盛世傳承數十年日本代工技術，提供高品質標準件與客製化加工。
	</div>
</div>
<!-- 母公司/工廠歷史背景說明 -->
<div class="bearing-info-box">
<ul class="info-list">
<li><strong>自 1978 年</strong>開始為日本企業代工製作 <strong>鋼珠套</strong> 零配件</li>
<li><strong>自 1990 年</strong>開始為日本企業代工製作 <strong>導柱、導套</strong> 零配件</li>
</ul>
</div>
<div class="bearing-custom-box">
<div class="custom-title">📐 客製化服務與圖面估價</div>
<p class="custom-desc">我們提供專業的客製化生產服務，歡迎提供您的設計圖面，我們將為您進行精確估價。</p>
<!-- 拖曳上傳圖面區 -->
<div class="spec-group">
<div class="spec-label">上傳設計圖面 <span class="req-tag">支援 PDF, JPG, PNG, DWG, DXF 等圖面格式</span></div>
<div class="upload-drag-area" id="bearing-upload-area">
<input accept="image/*,.pdf,.dwg,.dxf" id="bearing-file-input" style="display: none;" type="file"/>
<div class="upload-icon">📁</div>
<div class="upload-text" id="upload-prompt-text">拖曳圖面檔案至此，或 <span class="upload-link">點擊瀏覽檔案</span></div>
<div class="upload-file-preview" id="upload-file-preview" style="display: none;">
<span class="preview-name" id="preview-file-name">drawing.dwg</span>
<span class="preview-size" id="preview-file-size">(1.2 MB)</span>
<span class="preview-remove-btn" onclick="clearBearingUploadedFile(event)" title="移除此檔案">✕</span>
</div>
</div>
</div>
<!-- 需求數量與加購按鈕 -->
<div class="cart-action-panel" style="margin-top: 25px; border-top: 1px solid #f1f5f9; padding-top: 20px;">
<div class="cart-action-row">
<div class="qty-control">
<label for="bearing-qty">需求數量：</label>
<input id="bearing-qty" min="1" type="number" value="1"/>
</div>
<button class="add-to-cart-btn" onclick="addLinearBearingToCart()" type="button">確認加入</button>
</div>
</div>
</div>
<!-- 常見鋼珠套選擇表區區塊 -->
<div class="bearing-custom-box" style="margin-top: 24px;">
<div class="custom-title" style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; width: 100%;">
	<div style="display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
		<span>⚙️ 常見鋼珠套規格選配</span>
		<div style="display: inline-flex; align-items: center; gap: 10px;">
			<img src="/products/ball_retainer.png?v=1787900996040" alt="鋼珠套" width="108" height="108" style="width: 108px; height: 108px; min-width: 108px; object-fit: contain; background: #fff; border: 1px solid var(--gray-border); border-radius: 8px; padding: 4px; box-shadow: 0 1px 4px rgba(0,0,0,0.05);" title="鋼珠套 / 鋼珠保持架">
			<img src="/products/ball_cage_spindle.png?v=1787900996040" alt="鋼珠套附導柱" width="108" height="108" style="width: 108px; height: 108px; min-width: 108px; object-fit: contain; background: #fff; border: 1px solid var(--gray-border); border-radius: 8px; padding: 4px; box-shadow: 0 1px 4px rgba(0,0,0,0.05);" title="鋼珠套附導柱組件">
		</div>
	</div>
	<button class="reset-btn" onclick="resetBallCageConfigurator()" onmouseout="this.style.background='#f1f5f9'; this.style.color='#475569'" onmouseover="this.style.background='#e2e8f0'; this.style.color='#0f172a'" style="background: #f1f5f9; border: 1px solid #cbd5e1; padding: 6px 12px; border-radius: 6px; font-size: 13px; color: #475569; cursor: pointer; transition: all 0.2s; font-weight: 600; line-height: 1.2;" type="button">重置選擇</button>
</div>
<p class="custom-desc">如果您只需要「鋼珠套」也不知道該如何設計，可以先參考以下的常見規格來做選擇</p>
<!-- 適用導柱外徑選擇 (第一步) -->
<div class="spec-group">
<div class="spec-label">1. 選擇適用導柱外徑 <span class="req-tag">必選</span></div>
<div class="options-wrapper" id="ball-cage-od-pills" style="display: flex; flex-wrap: wrap; gap: 8px;">
<!-- 用 JS 動態生成所有外徑 (φ3mm ~ φ50mm) -->
</div>
</div>
<!-- 動態規格參數選擇區 (第二步) -->
<div id="ball-cage-specs-container" style="display: none; margin-top: 15px; border-top: 1px dashed #e2e8f0; padding-top: 15px;">
<!-- 以下由 JS 動態生成各項規格選單 -->
<div class="spec-group" id="ball-cage-group-ball_dia">
<div class="spec-label">鋼珠直徑 <span id="ball-cage-sleeve-id-badge" style="display: none; margin-left: 12px; color: var(--navy); font-weight: bold; background: #eff6ff; padding: 2px 8px; border-radius: 4px; border: 1px solid #dbeafe; font-size: 12px; vertical-align: middle;">適用導套內徑: φ12mm</span></div>
<div class="options-wrapper"></div>
</div>
<div class="spec-group" id="ball-cage-group-ball_grade">
<div class="spec-label">鋼珠等級</div>
<div class="options-wrapper"></div>
</div>
<div class="spec-group" id="ball-cage-group-ball_source">
<div class="spec-label">鋼珠來源</div>
<div class="options-wrapper"></div>
</div>
<div class="spec-group" id="ball-cage-group-ball_material">
<div class="spec-label">鋼珠材料</div>
<div class="options-wrapper"></div>
</div>
<div class="spec-group" id="ball-cage-group-length">
<div class="spec-label">鋼珠套長度 (L)</div>
<div class="options-wrapper"></div>
</div>
<div class="spec-group" id="ball-cage-group-material">
<div class="spec-label">鋼珠套材料</div>
<div class="options-wrapper"></div>
</div>
<div class="spec-group" id="ball-cage-group-arrangement">
<div class="spec-label">鋼珠排列方式</div>
<div class="options-wrapper"></div>
</div>
</div>
<!-- 數量與加入按鈕 (第三步) -->
<div id="ball-cage-action-panel" style="display: none; margin-top: 25px; border-top: 1px solid #f1f5f9; padding-top: 20px;">
<div class="cart-action-panel" style="margin-top: 0; border-top: none; padding-top: 0;">
<div class="cart-action-row">
<div class="qty-control">
<label for="ball-cage-qty">需求數量：</label>
<input id="ball-cage-qty" min="1" type="number" value="1"/>
</div>
<button class="add-to-cart-btn" onclick="addBallCageToCart()" type="button">確認加入</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 其他 3 大分類簡易選型與加購面板 -->
<div class="category-panel" id="panel-other" style="display: none;">
<div class="specs-card">
<div class="specs-card-title">
<span id="other-panel-title">產品規格詢價</span>
</div>
<div class="other-product-form">
<!-- 型號選擇 -->
<div class="spec-group">
<div class="spec-label">選擇產品型號 <span class="req-tag">必選</span></div>
<div class="options-wrapper" id="other-model-pills">
<!-- JavaScript 動態生成 Pills -->
</div>
</div>
<!-- 手動輸入其他型號 (若上方無合適選項) -->
<div class="form-field" style="margin-bottom: 22px;">
<label for="input-other-model-custom">手動輸入其他型號 (選填)</label>
<input id="input-other-model-custom" oninput="clearOtherModelPills()" placeholder="例如：自訂規格或上述未列之型號" type="text"/>
</div>
<!-- 數量與加入按鈕 -->
<div class="cart-action-panel">
<div class="cart-action-row">
<div class="qty-control">
<label for="other-product-qty">需求數量：</label>
<input id="other-product-qty" min="1" type="number" value="1"/>
</div>
<button class="add-to-cart-btn" onclick="addOtherProductToCart()" type="button">確認加入</button>
</div>
</div>
</div>
</div>
</div>
</div> <!-- left-main-column 結束 -->
<!-- 右側側邊欄：包含客戶聯絡資訊與詢價清單預覽 -->
<div class="right-column-container">
<!-- 客戶聯絡資訊 -->
<div class="contact-card">
<div class="contact-card-title">客戶聯絡資訊</div>
<div class="form-grid">
<div class="form-field">
<label for="input-company">詢價單位名稱 <span class="star">*</span></label>
<input id="input-company" name="company_name" placeholder="請輸入貴公司或單位名稱" required="" type="text"/>
</div>
<div class="form-field">
<label for="input-email">客戶聯絡 EMAIL <span class="star">*</span></label>
<input id="input-email" name="email" placeholder="example@domain.com" required="" type="email"/>
</div>
<div class="form-field full-width">
<label for="input-contact-other">其他聯絡方式</label>
<input id="input-contact-other" name="contact_other" placeholder="電話、WhatsApp、Line ID 或 WeChat" type="text"/>
</div>
</div>
<!-- Cookie 記錄同意選項 -->
<div style="margin-top: 15px; border-top: 1px dashed #e2e8f0; padding-top: 12px; display: flex; align-items: flex-start; gap: 8px;">
<input id="cookie-consent-checkbox" style="margin-top: 3px; cursor: pointer;" type="checkbox"/>
<label for="cookie-consent-checkbox" style="font-size: 12.5px; color: #475569; cursor: pointer; line-height: 1.4; font-weight: normal; margin-bottom: 0;">
						同意使用 Cookie 記錄聯絡資訊，以便下次自動帶入，避免重複填寫。
					</label>
</div>
</div>
<!-- 詢價單項目預覽 -->
<div class="cart-summary-card">
<div class="cart-title">
<span>📋 詢價單項目預覽</span>
</div>
<div class="cart-items-list" id="cart-summary-list">
<!-- JavaScript 動態渲染內容 -->
</div>
<!-- Cloudflare Turnstile 智慧人機驗證 -->
<div style="margin: 14px 0 10px; display: flex; justify-content: center;">
	<div id="inquiry-turnstile" class="cf-turnstile" data-sitekey="0x4AAAAAAFKCZmrJMSiW47Ju" data-action="inquiry" data-theme="light"></div>
</div>
<button class="submit-btn" id="submit-inquiry-btn" type="submit">送出線上詢價單</button>
</div>
</div>
</div> <!-- inquiry-body-grid 結束 -->
</form>
</main>
<!-- 成功提交提示 Modal Notification -->
<div class="modal-overlay" id="success-modal">
<div class="modal-content">
<div class="modal-icon">✓</div>
<div class="modal-title">詢價單送出成功！</div>
<div class="modal-msg" id="modal-msg-text">
			感謝您的詢價！我們已收到您的規格需求與聯絡資訊，專人將於 24 小時內與您聯繫與報價。
		</div>
<button class="modal-close-btn" onclick="closeModal()" type="button">確認</button>
</div>
</div>
<!-- Footer -->
<footer class="site-footer">
<div class="footer-inner">
<div>
<h3>得盛世企業有限公司</h3>
<p>挑戰更加完全的可能性</p>
<p>電話：<a href="tel:+886277298471">+886-2-77298471</a></p>
<p>傳真：+886-2-22235743</p>
<p>郵件：<a href="/cdn-cgi/l/email-protection#a4d0d7c1cad7c1e4d0d7c1cad7c189d0d38ac7cbc9"><span class="__cf_email__" data-cfemail="d5a1a6b0bba6b095a1a6b0bba6b0f8a1a2fbb6bab8">[email&#160;protected]</span></a></p>
</div>
<div>
<h3>快速連結</h3>
<ul>
<li><a href="/about-t-sense.html">關於得盛世</a></li>
<li><a href="/products.html">產品總覽</a></li>
<li><a href="/inquiry.html">線上詢價系統</a></li>
<li><a href="/download.html">技術文件下載</a></li>
<li><a href="/tsense-contact.html">聯絡我們</a></li>
</ul>
</div>
<div>
<h3>專業產品線</h3>
<ul>
<li><a href="/tool-setter-cnc-machines.html">CNC工具機用對刀儀</a></li>
<li><a href="/mold-counter.html">模具計數器系列</a></li>
<li><a href="/contact-positioning-switch.html">精密接觸式定位開關</a></li>
<li><a href="/built-in-spindle-linear-ball-bearing.html">精密直線鋼珠軸承</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 得盛世企業有限公司 版權所有 T-SENSE ENTERPRISE CO., LTD. All Rights Reserved.</p>
</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
// ==================== 產品真實規格矩陣 (PRODUCT_MATRIX) ====================
const PRODUCT_MATRIX = [
  {
    "model": [
      "BTFC1"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "5mm"
    ],
    "bearing": [
      "活塞軸承"
    ],
    "accuracy": [
      "0.6um",
      "1um"
    ],
    "protection_level": [
      "IP67"
    ],
    "overtravel": [
      "無"
    ],
    "min_tool_dia": [
      "0.05mm",
      "0.07mm",
      "0.1mm"
    ],
    "replaceable_plate": [
      "無"
    ],
    "cable_detach": [
      "固定纜線接頭"
    ],
    "output_type": [
      "NC"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "BALLSUM"
    ],
    "height": [
      "23mm"
    ]
  },
  {
    "model": [
      "BTFC1-R"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "5mm"
    ],
    "bearing": [
      "活塞軸承"
    ],
    "accuracy": [
      "0.6um",
      "1um"
    ],
    "protection_level": [
      "IP67"
    ],
    "overtravel": [
      "無"
    ],
    "min_tool_dia": [
      "0.05mm",
      "0.07mm",
      "0.1mm"
    ],
    "replaceable_plate": [
      "可更換盤面"
    ],
    "cable_detach": [
      "固定纜線接頭"
    ],
    "output_type": [
      "NC"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "BALLSUM"
    ],
    "height": [
      "23mm"
    ]
  },
  {
    "model": [
      "BTF2"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "10mm"
    ],
    "bearing": [
      "活塞軸承"
    ],
    "accuracy": [
      "0.6um",
      "1um"
    ],
    "protection_level": [
      "IP67"
    ],
    "overtravel": [
      "有"
    ],
    "min_tool_dia": [
      "0.05mm",
      "0.07mm",
      "0.1mm"
    ],
    "replaceable_plate": [
      "無"
    ],
    "cable_detach": [
      "固定纜線接頭"
    ],
    "output_type": [
      "NC"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "BALLSUM",
      "客制"
    ],
    "height": [
      "40.5mm"
    ]
  },
  {
    "model": [
      "BTS-5"
    ],
    "measure_mode": [
      "手動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "5mm"
    ],
    "bearing": [
      "活塞軸承"
    ],
    "accuracy": [
      "1um"
    ],
    "protection_level": [
      "IP67"
    ],
    "overtravel": [
      "無"
    ],
    "min_tool_dia": [
      "0.05mm",
      "0.07mm",
      "0.1mm"
    ],
    "replaceable_plate": [
      "無"
    ],
    "cable_detach": [
      "無"
    ],
    "output_type": [
      "僅LED指示燈"
    ],
    "air_blow": [
      "無"
    ],
    "protection_length": [
      "不需要"
    ],
    "cable_length": [
      "不需要"
    ],
    "brand": [
      "BALLSUM",
      "客制"
    ],
    "height": [
      "40mm"
    ]
  },
  {
    "model": [
      "BTS-520"
    ],
    "measure_mode": [
      "手動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "5mm"
    ],
    "bearing": [
      "活塞軸承"
    ],
    "accuracy": [
      "1um"
    ],
    "protection_level": [
      "IP67"
    ],
    "overtravel": [
      "無"
    ],
    "min_tool_dia": [
      "0.05mm",
      "0.07mm",
      "0.1mm"
    ],
    "replaceable_plate": [
      "無"
    ],
    "cable_detach": [
      "無"
    ],
    "output_type": [
      "僅LED指示燈"
    ],
    "air_blow": [
      "無"
    ],
    "protection_length": [
      "不需要"
    ],
    "cable_length": [
      "不需要"
    ],
    "brand": [
      "BALLSUM"
    ],
    "height": [
      "2\""
    ]
  },
  {
    "model": [
      "BTS-55"
    ],
    "measure_mode": [
      "手動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "5mm"
    ],
    "bearing": [
      "活塞軸承"
    ],
    "accuracy": [
      "1um"
    ],
    "protection_level": [
      "IP67"
    ],
    "overtravel": [
      "無"
    ],
    "min_tool_dia": [
      "0.05mm",
      "0.07mm",
      "0.1mm"
    ],
    "replaceable_plate": [
      "無"
    ],
    "cable_detach": [
      "無"
    ],
    "output_type": [
      "僅LED指示燈"
    ],
    "air_blow": [
      "無"
    ],
    "protection_length": [
      "不需要"
    ],
    "cable_length": [
      "不需要"
    ],
    "brand": [
      "BALLSUM"
    ],
    "height": [
      "50mm"
    ]
  },
  {
    "model": [
      "T10Z"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "10mm"
    ],
    "bearing": [
      "活塞軸承"
    ],
    "accuracy": [
      "0.6um",
      "1um"
    ],
    "protection_level": [
      "IP67"
    ],
    "overtravel": [
      "有"
    ],
    "min_tool_dia": [
      "0.05mm",
      "0.07mm",
      "0.1mm"
    ],
    "replaceable_plate": [
      "無"
    ],
    "cable_detach": [
      "固定纜線接頭"
    ],
    "output_type": [
      "NC"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "T-SENSE"
    ],
    "height": [
      "40.5mm"
    ]
  },
  {
    "model": [
      "T20Z"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "20mm"
    ],
    "bearing": [
      "活塞軸承"
    ],
    "accuracy": [
      "1um",
      "3um"
    ],
    "protection_level": [
      "IP68"
    ],
    "overtravel": [
      "有"
    ],
    "min_tool_dia": [
      "0.1mm"
    ],
    "replaceable_plate": [
      "無"
    ],
    "cable_detach": [
      "快拆纜線接頭"
    ],
    "output_type": [
      "NC",
      "NO"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "T-SENSE"
    ],
    "height": [
      "65mm"
    ]
  },
  {
    "model": [
      "T30Z"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "30mm"
    ],
    "bearing": [
      "鋼珠軸承"
    ],
    "accuracy": [
      "0.6um",
      "1um"
    ],
    "protection_level": [
      "IP68"
    ],
    "overtravel": [
      "有"
    ],
    "min_tool_dia": [
      "0.07mm",
      "0.1mm"
    ],
    "replaceable_plate": [
      "可更換盤面"
    ],
    "cable_detach": [
      "快拆纜線接頭"
    ],
    "output_type": [
      "NC",
      "NO"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "T-SENSE"
    ],
    "height": [
      "100mm"
    ]
  },
  {
    "model": [
      "T30Z-AB"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "30mm"
    ],
    "bearing": [
      "鋼珠軸承"
    ],
    "accuracy": [
      "0.6um",
      "1um"
    ],
    "protection_level": [
      "IP68"
    ],
    "overtravel": [
      "有"
    ],
    "min_tool_dia": [
      "0.07mm",
      "0.1mm"
    ],
    "replaceable_plate": [
      "可更換盤面"
    ],
    "cable_detach": [
      "固定纜線接頭"
    ],
    "output_type": [
      "BothNC&NO"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "T-SENSE"
    ],
    "height": [
      "100mm"
    ]
  },
  {
    "model": [
      "T40Z"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "40mm"
    ],
    "bearing": [
      "鋼珠軸承"
    ],
    "accuracy": [
      "0.6um",
      "1um"
    ],
    "protection_level": [
      "IP68"
    ],
    "overtravel": [
      "有"
    ],
    "min_tool_dia": [
      "0.1mm"
    ],
    "replaceable_plate": [
      "可更換盤面"
    ],
    "cable_detach": [
      "快拆纜線接頭",
      "固定纜線接頭"
    ],
    "output_type": [
      "NC",
      "NO"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "T-SENSE"
    ],
    "height": [
      "100mm"
    ]
  },
  {
    "model": [
      "BT1220"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "20mm"
    ],
    "bearing": [
      "活塞軸承"
    ],
    "accuracy": [
      "1um",
      "3um"
    ],
    "protection_level": [
      "IP68"
    ],
    "overtravel": [
      "有"
    ],
    "min_tool_dia": [
      "0.1mm"
    ],
    "replaceable_plate": [
      "無"
    ],
    "cable_detach": [
      "快拆纜線接頭",
      "固定纜線接頭"
    ],
    "output_type": [
      "NC",
      "NO"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "BALLSUM",
      "客制"
    ],
    "height": [
      "65mm"
    ]
  },
  {
    "model": [
      "BT1220S"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "20mm"
    ],
    "bearing": [
      "鋼珠軸承"
    ],
    "accuracy": [
      "1um"
    ],
    "protection_level": [
      "IP68"
    ],
    "overtravel": [
      "有"
    ],
    "min_tool_dia": [
      "0.07mm",
      "0.1mm"
    ],
    "replaceable_plate": [
      "無"
    ],
    "cable_detach": [
      "快拆纜線接頭",
      "固定纜線接頭"
    ],
    "output_type": [
      "NC",
      "NO"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "BALLSUM"
    ],
    "height": [
      "65mm"
    ]
  },
  {
    "model": [
      "BT20"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "20mm"
    ],
    "bearing": [
      "鋼珠軸承"
    ],
    "accuracy": [
      "0.6um",
      "1um"
    ],
    "protection_level": [
      "IP68"
    ],
    "overtravel": [
      "有"
    ],
    "min_tool_dia": [
      "0.07mm",
      "0.1mm"
    ],
    "replaceable_plate": [
      "無"
    ],
    "cable_detach": [
      "快拆纜線接頭",
      "固定纜線接頭"
    ],
    "output_type": [
      "NC",
      "NO"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "BALLSUM"
    ],
    "height": [
      "100mm"
    ]
  },
  {
    "model": [
      "BT2030"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "30mm"
    ],
    "bearing": [
      "鋼珠軸承"
    ],
    "accuracy": [
      "0.6um",
      "1um"
    ],
    "protection_level": [
      "IP68"
    ],
    "overtravel": [
      "有"
    ],
    "min_tool_dia": [
      "0.07mm",
      "0.1mm"
    ],
    "replaceable_plate": [
      "可更換盤面"
    ],
    "cable_detach": [
      "快拆纜線接頭",
      "固定纜線接頭"
    ],
    "output_type": [
      "NC",
      "NO"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "BALLSUM",
      "客制"
    ],
    "height": [
      "100mm"
    ]
  },
  {
    "model": [
      "BT2030-AB"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "30mm"
    ],
    "bearing": [
      "鋼珠軸承"
    ],
    "accuracy": [
      "0.6um",
      "1um"
    ],
    "protection_level": [
      "IP68"
    ],
    "overtravel": [
      "有"
    ],
    "min_tool_dia": [
      "0.07mm",
      "0.1mm"
    ],
    "replaceable_plate": [
      "可更換盤面"
    ],
    "cable_detach": [
      "固定纜線接頭"
    ],
    "output_type": [
      "BothNC&NO"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "BALLSUM"
    ],
    "height": [
      "100mm"
    ]
  },
  {
    "model": [
      "BT2040"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "40mm"
    ],
    "bearing": [
      "鋼珠軸承"
    ],
    "accuracy": [
      "0.6um",
      "1um"
    ],
    "protection_level": [
      "IP68"
    ],
    "overtravel": [
      "有"
    ],
    "min_tool_dia": [
      "0.1mm"
    ],
    "replaceable_plate": [
      "可更換盤面"
    ],
    "cable_detach": [
      "快拆纜線接頭",
      "固定纜線接頭"
    ],
    "output_type": [
      "NC",
      "NO"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "BALLSUM"
    ],
    "height": [
      "100mm"
    ]
  },
  {
    "model": [
      "BT2050"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "單軸"
    ],
    "dia": [
      "50mm"
    ],
    "bearing": [
      "鋼珠軸承"
    ],
    "accuracy": [
      "0.6um",
      "1um"
    ],
    "protection_level": [
      "IP68"
    ],
    "overtravel": [
      "有"
    ],
    "min_tool_dia": [
      "0.1mm"
    ],
    "replaceable_plate": [
      "可更換盤面"
    ],
    "cable_detach": [
      "快拆纜線接頭",
      "固定纜線接頭"
    ],
    "output_type": [
      "NC",
      "NO"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "BALLSUM"
    ],
    "height": [
      "100mm"
    ]
  },
  {
    "model": [
      "B4A-II"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "XY 雙軸"
    ],
    "dia": [
      "5mm"
    ],
    "bearing": [
      "活塞軸承"
    ],
    "accuracy": [
      "1um"
    ],
    "protection_level": [
      "IP67"
    ],
    "overtravel": [
      "無"
    ],
    "min_tool_dia": [
      "0.1mm"
    ],
    "replaceable_plate": [
      "無"
    ],
    "cable_detach": [
      "固定纜線接頭"
    ],
    "output_type": [
      "NC"
    ],
    "air_blow": [
      "無"
    ],
    "protection_length": [
      "不需要"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "BALLSUM"
    ],
    "height": [
      "40mm"
    ]
  },
  {
    "model": [
      "B4A-II-1"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "XY 雙軸"
    ],
    "dia": [
      "5mm"
    ],
    "bearing": [
      "活塞軸承"
    ],
    "accuracy": [
      "1um"
    ],
    "protection_level": [
      "IP67"
    ],
    "overtravel": [
      "無"
    ],
    "min_tool_dia": [
      "0.1mm"
    ],
    "replaceable_plate": [
      "無"
    ],
    "cable_detach": [
      "固定纜線接頭"
    ],
    "output_type": [
      "NC"
    ],
    "air_blow": [
      "無"
    ],
    "protection_length": [
      "不需要"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "BALLSUM"
    ],
    "height": [
      "40mm"
    ]
  },
  {
    "model": [
      "T4A-1"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "XY 雙軸"
    ],
    "dia": [
      "5mm"
    ],
    "bearing": [
      "活塞軸承"
    ],
    "accuracy": [
      "1um"
    ],
    "protection_level": [
      "IP67"
    ],
    "overtravel": [
      "無"
    ],
    "min_tool_dia": [
      "0.1mm"
    ],
    "replaceable_plate": [
      "無"
    ],
    "cable_detach": [
      "固定纜線接頭"
    ],
    "output_type": [
      "NC"
    ],
    "air_blow": [
      "無"
    ],
    "protection_length": [
      "不需要"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "T-SENSE",
      "客制"
    ],
    "height": [
      "40mm"
    ]
  },
  {
    "model": [
      "BTR"
    ],
    "measure_mode": [
      "自動"
    ],
    "direction": [
      "XYZ 三軸"
    ],
    "dia": [
      "20mm"
    ],
    "bearing": [
      "活塞軸承"
    ],
    "accuracy": [
      "1um"
    ],
    "protection_level": [
      "IP67"
    ],
    "overtravel": [
      "無"
    ],
    "min_tool_dia": [
      "0.2mm"
    ],
    "replaceable_plate": [
      "可更換盤面"
    ],
    "cable_detach": [
      "快拆纜線接頭"
    ],
    "output_type": [
      "BothNC&NO"
    ],
    "air_blow": [
      "有",
      "無"
    ],
    "protection_length": [
      "0.5M",
      "1M",
      "2.5M",
      "3M",
      "3.5M",
      "5M"
    ],
    "cable_length": [
      "1M",
      "3M",
      "5M",
      "7M",
      "10M",
      "15M"
    ],
    "brand": [
      "BALLSUM"
    ],
    "height": [
      "105mm"
    ]
  }
];

// 全域狀態：記錄目前選取的對刀儀規格
let selectedSpecs = {
	measure_mode: null,
	direction: null,
	dia: null,
	replaceable_plate: null,
	bearing: null,
	accuracy: null,
	protection_level: null,
	overtravel: null,
	min_tool_dia: null,
	cable_detach: null,
	output_type: null,
	air_blow: null,
	protection_length: null,
	cable_length: null,
	brand: null,
	height: null,
	model: null
};

// 全域狀態：記錄目前選取的計數器規格
const COUNTER_MATRIX = [
  {
    "model": ["MRSP-7"],
    "size": ["標準尺寸 47.6 x 38 x 24.4mm"],
    "direction": ["右"],
    "temp": ["120℃"],
    "brand": ["BALLSUM", "客制"]
  },
  {
    "model": ["MRSP2-7"],
    "size": ["標準尺寸 47.6 x 38 x 24.4mm"],
    "direction": ["右"],
    "temp": ["160℃"],
    "brand": ["BALLSUM"]
  },
  {
    "model": ["BMCS-7"],
    "size": ["迷你尺寸 33 x 20 x 16.5mm"],
    "direction": ["右"],
    "temp": ["120℃"],
    "brand": ["BALLSUM"]
  },
  {
    "model": ["BLMC-7"],
    "size": ["標準尺寸 47.6 x 38 x 24.4mm"],
    "direction": ["左"],
    "temp": ["120℃"],
    "brand": ["BALLSUM", "客制"]
  },
  {
    "model": ["BLMC2-7"],
    "size": ["標準尺寸 47.6 x 38 x 24.4mm"],
    "direction": ["左"],
    "temp": ["160℃"],
    "brand": ["BALLSUM"]
  },
  {
    "model": ["HTMC-7"],
    "size": ["標準尺寸 47.6 x 38 x 24.4mm"],
    "direction": ["右"],
    "temp": ["200℃"],
    "brand": ["BALLSUM"]
  }
];

let selectedCounterSpecs = {
	size: null,
	direction: null,
	temp: null,
	brand: null,
	model: null
};

// 全域狀態：記錄目前選取的定位開關規格
const POSITION_SWITCH_MATRIX = [
  {
    "model": ["BCS-03"],
    "outer_dia": ["3mm"],
    "thread": ["無"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["耐油絕緣線"],
    "cable_length": ["2M", "5M", "8M"],
    "protection_level": ["IP40"],
    "contact_type": ["1.2mm/平面"],
    "contact_force": ["≒0.5N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCS-03C"],
    "outer_dia": ["3mm"],
    "thread": ["無"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["雙心線"],
    "cable_length": ["0.5M"],
    "protection_level": ["IP40"],
    "contact_type": ["1.2mm/平面"],
    "contact_force": ["≒0.5N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCS-M3"],
    "outer_dia": ["3mm"],
    "thread": ["M3x0.5"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["耐油絕緣線"],
    "cable_length": ["2M", "5M", "8M"],
    "protection_level": ["IP40"],
    "contact_type": ["1.2mm/平面"],
    "contact_force": ["≒0.5N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCS-M3C"],
    "outer_dia": ["3mm"],
    "thread": ["M3x0.5"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["雙心線"],
    "cable_length": ["0.5M"],
    "protection_level": ["IP40"],
    "contact_type": ["1.2mm/平面"],
    "contact_force": ["≒0.5N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCS-04"],
    "outer_dia": ["4mm"],
    "thread": ["無"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["耐油絕緣線"],
    "cable_length": ["2M", "5M", "8M"],
    "protection_level": ["IP40"],
    "contact_type": ["1.2mm/平面"],
    "contact_force": ["≒0.5N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCS-04C"],
    "outer_dia": ["4mm"],
    "thread": ["無"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["雙心線"],
    "cable_length": ["0.5M"],
    "protection_level": ["IP40"],
    "contact_type": ["1.2mm/平面"],
    "contact_force": ["≒0.5N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCS-M4"],
    "outer_dia": ["4mm"],
    "thread": ["M4x0.5"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["耐油絕緣線"],
    "cable_length": ["2M", "5M", "8M"],
    "protection_level": ["IP40"],
    "contact_type": ["1.2mm/平面"],
    "contact_force": ["≒0.5N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCS-M4C"],
    "outer_dia": ["4mm"],
    "thread": ["M4x0.5"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["雙心線"],
    "cable_length": ["0.5M"],
    "protection_level": ["IP40"],
    "contact_type": ["1.2mm/平面"],
    "contact_force": ["≒0.5N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCS-05"],
    "outer_dia": ["5mm"],
    "thread": ["無"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["耐油絕緣線"],
    "cable_length": ["2M", "5M", "8M"],
    "protection_level": ["IP40"],
    "contact_type": ["1.5mm/平面"],
    "contact_force": ["≒0.5N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCS-05C"],
    "outer_dia": ["5mm"],
    "thread": ["無"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["雙心線"],
    "cable_length": ["0.5M"],
    "protection_level": ["IP40"],
    "contact_type": ["1.5mm/平面"],
    "contact_force": ["≒0.5N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCS-M5"],
    "outer_dia": ["5mm"],
    "thread": ["M5x0.5"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["耐油絕緣線"],
    "cable_length": ["2M", "5M", "8M"],
    "protection_level": ["IP40"],
    "contact_type": ["1.5mm/平面"],
    "contact_force": ["≒0.5N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCS-M5C"],
    "outer_dia": ["5mm"],
    "thread": ["M5x0.5"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["雙心線"],
    "cable_length": ["0.5M"],
    "protection_level": ["IP40"],
    "contact_type": ["1.5mm/平面"],
    "contact_force": ["≒0.5N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCW-M8"],
    "outer_dia": ["8mm"],
    "thread": ["M8x0.5"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["耐油絕緣線"],
    "cable_length": ["2M", "5M", "8M"],
    "protection_level": ["IP67"],
    "contact_type": ["3.0mm/鎢剛平面"],
    "contact_force": ["≒0.8N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCWB-M8"],
    "outer_dia": ["8mm"],
    "thread": ["M8x0.5"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["耐油絕緣線"],
    "cable_length": ["2M", "5M", "8M"],
    "protection_level": ["IP67"],
    "contact_type": ["φ1.5mm/球型"],
    "contact_force": ["≒0.8N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCW-M10"],
    "outer_dia": ["10mm"],
    "thread": ["M10x0.5"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["耐油絕緣線"],
    "cable_length": ["2M", "5M", "8M"],
    "protection_level": ["IP67"],
    "contact_type": ["5.0mm/鎢剛平面"],
    "contact_force": ["≒0.8N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  },
  {
    "model": ["BCWB-M10"],
    "outer_dia": ["10mm"],
    "thread": ["M10x0.5"],
    "accuracy": ["0.001mm", "0.003mm"],
    "cable_type": ["耐油絕緣線"],
    "cable_length": ["2M", "5M", "8M"],
    "protection_level": ["IP67"],
    "contact_type": ["φ1.5mm/球型"],
    "contact_force": ["≒0.8N"],
    "led": ["有", "無"],
    "output_signal": ["NC（常閉）"]
  }
];

let selectedPositionSwitchSpecs = {
	outer_dia: null,
	thread: null,
	accuracy: null,
	cable_type: null,
	cable_length: null,
	protection_level: null,
	contact_type: null,
	contact_force: null,
	led: null,
	output_signal: null,
	model: null
};

// 記錄使用者主動手動點選的定位開關規格（區隔自動推導選取）
let userSelectedPositionSwitchSpecs = {
	outer_dia: null,
	thread: null,
	accuracy: null,
	cable_type: null,
	cable_length: null,
	protection_level: null,
	contact_type: null,
	contact_force: null,
	led: null,
	output_signal: null,
	model: null
};

// 直線軸承圖面檔案暫存
let uploadedDrawingFile = null;
let uploadedDrawingData = null; // 儲存圖面 Base64 資料

// ==================== 常見鋼珠套規格選配資料 (BALL_CAGE_MATRIX) ====================
const BALL_CAGE_MATRIX = [
  {
    "outer_dia": "φ3mm",
    "ball_dia": [
      "0.6mm"
    ],
    "length": [
      "10",
      "15",
      "19",
      "20"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線"
    ]
  },
  {
    "outer_dia": "φ4mm",
    "ball_dia": [
      "0.6mm",
      "1mm"
    ],
    "length": [
      "10",
      "15",
      "18",
      "20",
      "26"
    ],
    "material": [
      "銅",
      "塑鋼"
    ],
    "arrangement": [
      "直線"
    ]
  },
  {
    "outer_dia": "φ5mm",
    "ball_dia": [
      "1mm"
    ],
    "length": [
      "8",
      "10",
      "15",
      "20"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ6mm",
    "ball_dia": [
      "1mm"
    ],
    "length": [
      "15",
      "20",
      "30",
      "40"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線"
    ]
  },
  {
    "outer_dia": "φ7mm",
    "ball_dia": [
      "1mm"
    ],
    "length": [
      "13",
      "20"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線"
    ]
  },
  {
    "outer_dia": "φ8mm",
    "ball_dia": [
      "1mm"
    ],
    "length": [
      "10",
      "15",
      "20"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線"
    ]
  },
  {
    "outer_dia": "φ10mm",
    "ball_dia": [
      "1mm",
      "2mm"
    ],
    "length": [
      "10",
      "13",
      "15",
      "18",
      "18.5",
      "20",
      "25",
      "30",
      "35",
      "40"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ12mm",
    "ball_dia": [
      "1mm",
      "2mm"
    ],
    "length": [
      "17",
      "20",
      "28",
      "36",
      "39",
      "43"
    ],
    "material": [
      "銅",
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ13mm",
    "ball_dia": [
      "1mm",
      "2mm"
    ],
    "length": [
      "15",
      "18",
      "25",
      "35",
      "40",
      "70"
    ],
    "material": [
      "銅",
      "鋁",
      "塑鋼"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ14mm",
    "ball_dia": [
      "1mm",
      "2mm"
    ],
    "length": [
      "17.5",
      "25"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線"
    ]
  },
  {
    "outer_dia": "φ16mm",
    "ball_dia": [
      "1mm",
      "2mm",
      "3mm",
      "4mm"
    ],
    "length": [
      "20",
      "25",
      "30",
      "33",
      "35",
      "40",
      "42",
      "47",
      "57"
    ],
    "material": [
      "銅",
      "鋁",
      "塑鋼"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ18mm",
    "ball_dia": [
      "1mm",
      "3mm"
    ],
    "length": [
      "15",
      "20",
      "34",
      "35",
      "50"
    ],
    "material": [
      "銅",
      "鋁",
      "塑鋼"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ19mm",
    "ball_dia": [
      "3mm"
    ],
    "length": [
      "35",
      "43",
      "45",
      "47",
      "50",
      "55",
      "75"
    ],
    "material": [
      "銅",
      "鋁",
      "塑鋼"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ20mm",
    "ball_dia": [
      "1mm",
      "2mm",
      "3mm"
    ],
    "length": [
      "16",
      "23",
      "25",
      "26",
      "30",
      "35",
      "40",
      "41",
      "45",
      "50",
      "60",
      "70"
    ],
    "material": [
      "銅",
      "鋁",
      "塑鋼"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ22mm",
    "ball_dia": [
      "3mm"
    ],
    "length": [
      "47",
      "50"
    ],
    "material": [
      "鋁",
      "塑鋼"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ25mm",
    "ball_dia": [
      "2mm",
      "3mm"
    ],
    "length": [
      "1",
      "32",
      "35",
      "40",
      "45",
      "75"
    ],
    "material": [
      "銅",
      "鋁",
      "塑鋼"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ27mm",
    "ball_dia": [
      "2mm"
    ],
    "length": [
      "13.5",
      "20"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ28mm",
    "ball_dia": [
      "1mm",
      "2mm",
      "3mm",
      "4mm"
    ],
    "length": [
      "20",
      "40",
      "65",
      "75"
    ],
    "material": [
      "銅",
      "鋁",
      "塑鋼"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ32mm",
    "ball_dia": [
      "4mm"
    ],
    "length": [
      "60",
      "75",
      "85",
      "90"
    ],
    "material": [
      "鋁",
      "塑鋼"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ35mm",
    "ball_dia": [
      "3mm"
    ],
    "length": [
      "70"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ36mm",
    "ball_dia": [
      "4mm"
    ],
    "length": [
      "85"
    ],
    "material": [
      "鋁",
      "塑鋼"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ38mm",
    "ball_dia": [
      "4mm"
    ],
    "length": [
      "75",
      "90",
      "95"
    ],
    "material": [
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ40mm",
    "ball_dia": [
      "3mm",
      "4mm",
      "5mm"
    ],
    "length": [
      "22",
      "60",
      "80",
      "85",
      "95",
      "110"
    ],
    "material": [
      "銅",
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ41mm",
    "ball_dia": [
      "2mm"
    ],
    "length": [
      "23"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ42mm",
    "ball_dia": [
      "2mm"
    ],
    "length": [
      "14"
    ],
    "material": [
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ45mm",
    "ball_dia": [
      "4mm"
    ],
    "length": [
      "80"
    ],
    "material": [
      "塑鋼"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ48mm",
    "ball_dia": [
      "2mm"
    ],
    "length": [
      "24"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ49mm",
    "ball_dia": [
      "3.5mm"
    ],
    "length": [
      "23"
    ],
    "material": [
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ50mm",
    "ball_dia": [
      "4mm",
      "5mm"
    ],
    "length": [
      "80",
      "106"
    ],
    "material": [
      "鋁",
      "塑鋼"
    ],
    "arrangement": [
      "直線",
      "米字型",
      "雙螺旋"
    ]
  },
  {
    "outer_dia": "φ53mm",
    "ball_dia": [
      "2mm"
    ],
    "length": [
      "15",
      "23"
    ],
    "material": [
      "銅",
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ55mm",
    "ball_dia": [
      "2.5mm"
    ],
    "length": [
      "29"
    ],
    "material": [
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ60mm",
    "ball_dia": [
      "2mm"
    ],
    "length": [
      "36",
      "110"
    ],
    "material": [
      "銅",
      "塑鋼"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ62mm",
    "ball_dia": [
      "1.5mm",
      "2mm"
    ],
    "length": [
      "28",
      "30",
      "35",
      "36"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ65mm",
    "ball_dia": [
      "1.5mm"
    ],
    "length": [
      "35",
      "36"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ69mm",
    "ball_dia": [
      "1.5mm"
    ],
    "length": [
      "38",
      "45"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ70mm",
    "ball_dia": [
      "2mm"
    ],
    "length": [
      "25"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ73mm",
    "ball_dia": [
      "1.5mm"
    ],
    "length": [
      "45"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ74mm",
    "ball_dia": [
      "2mm"
    ],
    "length": [
      "20"
    ],
    "material": [
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ75mm",
    "ball_dia": [
      "2mm"
    ],
    "length": [
      "20",
      "24",
      "24.5",
      "26",
      "28",
      "36"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ80mm",
    "ball_dia": [
      "3mm"
    ],
    "length": [
      "47"
    ],
    "material": [
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ82mm",
    "ball_dia": [
      "2mm"
    ],
    "length": [
      "32"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ85mm",
    "ball_dia": [
      "3mm"
    ],
    "length": [
      "20"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ89mm",
    "ball_dia": [
      "1.5mm",
      "3mm"
    ],
    "length": [
      "34",
      "45"
    ],
    "material": [
      "銅",
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ100mm",
    "ball_dia": [
      "2mm"
    ],
    "length": [
      "40",
      "50"
    ],
    "material": [
      "銅",
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ103mm",
    "ball_dia": [
      "1.5mm"
    ],
    "length": [
      "25"
    ],
    "material": [
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ105mm",
    "ball_dia": [
      "3mm"
    ],
    "length": [
      "20"
    ],
    "material": [
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ110mm",
    "ball_dia": [
      "3mm",
      "4mm"
    ],
    "length": [
      "25",
      "45"
    ],
    "material": [
      "銅",
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ111mm",
    "ball_dia": [
      "3mm"
    ],
    "length": [
      "65"
    ],
    "material": [
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ115mm",
    "ball_dia": [
      "5mm"
    ],
    "length": [
      "37"
    ],
    "material": [
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ116mm",
    "ball_dia": [
      "3mm"
    ],
    "length": [
      "11",
      "20"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ122mm",
    "ball_dia": [
      "4mm"
    ],
    "length": [
      "79"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ130mm",
    "ball_dia": [
      "3mm"
    ],
    "length": [
      "15",
      "60"
    ],
    "material": [
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ132mm",
    "ball_dia": [
      "4mm"
    ],
    "length": [
      "22"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ154mm",
    "ball_dia": [
      "3mm"
    ],
    "length": [
      "33"
    ],
    "material": [
      "鋁"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ166mm",
    "ball_dia": [
      "4mm"
    ],
    "length": [
      "20"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  },
  {
    "outer_dia": "φ190mm",
    "ball_dia": [
      "6mm"
    ],
    "length": [
      "45"
    ],
    "material": [
      "銅"
    ],
    "arrangement": [
      "直線",
      "米字型"
    ]
  }
];

let selectedBallCageOD = null; // 目前選取的外徑
let selectedBallCageSpecs = {
	ball_dia: null,
	ball_grade: null,
	ball_source: null,
	ball_material: null,
	length: null,
	material: null,
	arrangement: null
};

// 使用者最後點擊動作追蹤（用以防範自動勾選與手動取消互鎖）
let lastClickedGroupKey = null;
let lastClickedAction = null; // 'select' 或 'unselect'
let wasAirBlowHaveDisabledLastTime = false;

// 頁面載入完成初始化
document.addEventListener('DOMContentLoaded', function() {
	initCategoryTabs();
	initOptionPillEvents();
	initBearingUploadEvents();
	initBallCageConfigurator();
	evaluateRules();
	loadSavedContactInfo();
	renderCartSummary();
}); //end of DOMContentLoaded

// 分類對應的型號定義
const CATEGORY_MODELS = {
	'linear-bearing': ['線性滾珠軸承', '內置主軸直線軸承']
};

let currentOtherSelectedModel = null; // 其他產品目前選取的型號

// 渲染其他分類的型號 Pills
function renderOtherCategoryPills(cat) {
	const container = document.getElementById('other-model-pills');
	if (!container) return;
	
	const models = CATEGORY_MODELS[cat] || [];
	let html = '';
	models.forEach(model => {
		const isActive = currentOtherSelectedModel === model ? 'active' : '';
		html += `<div class="option-pill ${isActive}" data-model="${model}" onclick="selectOtherModel(this, '${model}')">${model}</div>`;
	});
	
	container.innerHTML = html;
} //end of renderOtherCategoryPills

// 選擇其他分類型號
function selectOtherModel(pill, model) {
	const siblings = pill.parentNode.querySelectorAll('.option-pill');
	siblings.forEach(p => p.classList.remove('active'));
	
	if (currentOtherSelectedModel === model) {
		currentOtherSelectedModel = null;
		pill.classList.remove('active');
	} else {
		pill.classList.add('active');
		currentOtherSelectedModel = model;
		// 清空手動輸入框
		const customInput = document.getElementById('input-other-model-custom');
		if (customInput) customInput.value = '';
	}
} //end of selectOtherModel

// 當手動輸入型號時，清除 Pill 的選取
function clearOtherModelPills() {
	currentOtherSelectedModel = null;
	const pills = document.querySelectorAll('#other-model-pills .option-pill');
	pills.forEach(p => p.classList.remove('active'));
} //end of clearOtherModelPills

// 初始化分類標籤頁切換
function initCategoryTabs() {
	const tabs = document.querySelectorAll('.cat-tab-btn');
	const panelToolSetter = document.getElementById('panel-tool-setter');
	const panelCounter = document.getElementById('panel-counter');
	const panelPositionSwitch = document.getElementById('panel-position-switch');
	const panelLinearBearing = document.getElementById('panel-linear-bearing');
	const panelOther = document.getElementById('panel-other');
	const otherTitle = document.getElementById('other-panel-title');

	tabs.forEach(tab => {
		tab.addEventListener('click', function() {
			tabs.forEach(t => t.classList.remove('active'));
			this.classList.add('active');
			const cat = this.dataset.cat;
			const catName = this.textContent;

			// 切換時清除其他分類選擇狀態與輸入值
			currentOtherSelectedModel = null;
			const customInput = document.getElementById('input-other-model-custom');
			if (customInput) customInput.value = '';
			const otherQty = document.getElementById('other-product-qty');
			if (otherQty) otherQty.value = 1;

			if (cat === 'tool-setter') {
				panelToolSetter.style.display = 'block';
				if (panelCounter) panelCounter.style.display = 'none';
				if (panelPositionSwitch) panelPositionSwitch.style.display = 'none';
				if (panelLinearBearing) panelLinearBearing.style.display = 'none';
				panelOther.style.display = 'none';
				document.getElementById('breadcrumb-category').textContent = '對刀儀';
			} else if (cat === 'counter') {
				panelToolSetter.style.display = 'none';
				if (panelCounter) panelCounter.style.display = 'block';
				if (panelPositionSwitch) panelPositionSwitch.style.display = 'none';
				if (panelLinearBearing) panelLinearBearing.style.display = 'none';
				panelOther.style.display = 'none';
				document.getElementById('breadcrumb-category').textContent = '計數器';
				evaluateCounterRules();
			} else if (cat === 'position-switch') {
				panelToolSetter.style.display = 'none';
				if (panelCounter) panelCounter.style.display = 'none';
				if (panelPositionSwitch) panelPositionSwitch.style.display = 'block';
				if (panelLinearBearing) panelLinearBearing.style.display = 'none';
				panelOther.style.display = 'none';
				document.getElementById('breadcrumb-category').textContent = '定位開關';
				evaluatePositionSwitchRules();
			} else if (cat === 'linear-bearing') {
				panelToolSetter.style.display = 'none';
				if (panelCounter) panelCounter.style.display = 'none';
				if (panelPositionSwitch) panelPositionSwitch.style.display = 'none';
				if (panelLinearBearing) panelLinearBearing.style.display = 'block';
				panelOther.style.display = 'none';
				document.getElementById('breadcrumb-category').textContent = '直線軸承';
			} else {
				panelToolSetter.style.display = 'none';
				if (panelCounter) panelCounter.style.display = 'none';
				if (panelPositionSwitch) panelPositionSwitch.style.display = 'none';
				if (panelLinearBearing) panelLinearBearing.style.display = 'none';
				panelOther.style.display = 'block';
				otherTitle.textContent = catName + ' 規格詢價單';
				document.getElementById('breadcrumb-category').textContent = catName;
				renderOtherCategoryPills(cat);
			}
		});
	});
} //end of initCategoryTabs

// 初始化規格選項 Pill 的點擊與取消選取事件
function initOptionPillEvents() {
	const pills = document.querySelectorAll('.option-pill');
	pills.forEach(pill => {
		// 對於簡易型號 Pill (在 panel-other 內)，或直線軸承 Pill，我們使用 onclick，所以要排除
		if (pill.closest('#panel-other') || pill.closest('#panel-linear-bearing')) return;

		pill.addEventListener('click', function() {
			if (this.classList.contains('disabled')) return;
			const groupKey = this.dataset.groupKey;
			const val = this.dataset.val;

			const isCounter = this.closest('#panel-counter') !== null;
			const isPositionSwitch = this.closest('#panel-position-switch') !== null;
			
			let currentSpecs;
			let container;
			if (isCounter) {
				currentSpecs = selectedCounterSpecs;
				container = '#panel-counter';
			} else if (isPositionSwitch) {
				currentSpecs = selectedPositionSwitchSpecs;
				container = '#panel-position-switch';
			} else {
				currentSpecs = selectedSpecs;
				container = '#panel-tool-setter';
			}

			lastClickedGroupKey = groupKey;

			if (this.classList.contains('active')) {
				if (!isCounter && !isPositionSwitch && groupKey === 'air_blow') {
					// 需求: 是否需要吹氣裝置為二選一必選，不允許點擊已選取項目進行取消清空
					return;
				}
				this.classList.remove('active');
				currentSpecs[groupKey] = null;
				if (isPositionSwitch) {
					userSelectedPositionSwitchSpecs[groupKey] = null;
				}
				lastClickedAction = 'unselect';

				// 當使用者手動取消勾選某一個對刀儀、計數器或定位開關型號，則重置該分類底下的所有規格選項
				if (!isCounter && !isPositionSwitch && groupKey === 'model') {
					resetToolSetterSpecs();
					return;
				}
				if (isCounter && groupKey === 'model') {
					resetCounterSpecs();
					return;
				}
				if (isPositionSwitch && groupKey === 'model') {
					resetPositionSwitchSpecs();
					return;
				}
			} else {
				const siblingPills = document.querySelectorAll(`${container} .option-pill[data-group-key="${groupKey}"]`);
				siblingPills.forEach(p => p.classList.remove('active'));
				this.classList.add('active');
				currentSpecs[groupKey] = val;
				if (isPositionSwitch) {
					userSelectedPositionSwitchSpecs[groupKey] = val;
				}
				lastClickedAction = 'select';
			}
			
			if (isCounter) {
				evaluateCounterRules();
			} else if (isPositionSwitch) {
				evaluatePositionSwitchRules();
			} else {
				evaluateRules();
			}
		});
	});
} //end of initOptionPillEvents

// 重置對刀儀所有選項
function resetToolSetterSpecs() {
	lastClickedGroupKey = null;
	lastClickedAction = null;
	for (let key in selectedSpecs) {
		selectedSpecs[key] = null;
	}
	document.querySelectorAll('#panel-tool-setter .option-pill').forEach(pill => {
		pill.classList.remove('active');
		pill.classList.remove('disabled');
	});

	// 重置數量限制與提示
	const qtyInput = document.getElementById('tool-setter-qty');
	if (qtyInput) {
		qtyInput.value = 1;
		qtyInput.min = 1;
	}
	const limitTip = document.getElementById('tool-setter-qty-limit-tip');
	if (limitTip) limitTip.style.display = 'none';

	evaluateRules();
} //end of resetToolSetterSpecs

// 重置計數器所有選項
function resetCounterSpecs() {
	lastClickedGroupKey = null;
	lastClickedAction = null;
	for (let key in selectedCounterSpecs) {
		selectedCounterSpecs[key] = null;
	}
	document.querySelectorAll('#panel-counter .option-pill').forEach(pill => {
		pill.classList.remove('active');
		pill.classList.remove('disabled');
	});
	
	// 重置數量限制與提示
	const qtyInput = document.getElementById('counter-qty');
	if (qtyInput) {
		qtyInput.value = 1;
		qtyInput.min = 1;
	}
	const limitTip = document.getElementById('counter-qty-limit-tip');
	if (limitTip) limitTip.style.display = 'none';

	evaluateCounterRules();
} //end of resetCounterSpecs

// 計數器規則運算引擎 (Rule Evaluation Engine - Data Driven)
function evaluateCounterRules(preventLoop = false) {
	// 1. 篩選符合特徵的產品
	const matchedProducts = COUNTER_MATRIX.filter(p => {
		for (let key in selectedCounterSpecs) {
			if (selectedCounterSpecs[key] !== null) {
				if (!p[key].includes(selectedCounterSpecs[key])) {
					return false;
				}
			}
		}
		return true;
	});

	// 2. 收集各個分類在合法產品中的所有可能取值
	const availableValues = {};
	for (let key in selectedCounterSpecs) {
		availableValues[key] = new Set();
	}
	matchedProducts.forEach(product => {
		for (let key in availableValues) {
			product[key].forEach(val => availableValues[key].add(val));
		}
	});

	// 3. 找出需要灰階的選項
	const disabledItems = new Set();
	document.querySelectorAll('#panel-counter .option-pill').forEach(pill => {
		const groupKey = pill.dataset.groupKey;
		const val = pill.dataset.val;
		if (!availableValues[groupKey] || !availableValues[groupKey].has(val)) {
			disabledItems.add(groupKey + ':' + val);
		}
	});

	// 4. 更新選項的禁用與選取狀態
	let activeChanged = false;
	document.querySelectorAll('#panel-counter .option-pill').forEach(pill => {
		const groupKey = pill.dataset.groupKey;
		const val = pill.dataset.val;
		const itemKey = groupKey + ':' + val;

		if (disabledItems.has(itemKey)) {
			pill.classList.add('disabled');
			pill.setAttribute('aria-disabled', 'true');
			if (pill.classList.contains('active')) {
				pill.classList.remove('active');
				selectedCounterSpecs[groupKey] = null;
				activeChanged = true;
			}
		} else {
			pill.classList.remove('disabled');
			pill.removeAttribute('aria-disabled');
		}
	});

	// 5. 單一剩餘可用選項自動勾選
	let autoSelected = false;
	if (!preventLoop) {
		document.querySelectorAll('#panel-counter .spec-group').forEach(group => {
			const groupKey = group.dataset.groupKey;
			
			if (groupKey === lastClickedGroupKey && lastClickedAction === 'unselect') {
				return;
			}
			
			const availablePills = group.querySelectorAll('.option-pill:not(.disabled)');
			if (availablePills.length === 1) {
				const singlePill = availablePills[0];
				if (!singlePill.classList.contains('active')) {
					group.querySelectorAll('.option-pill').forEach(p => p.classList.remove('active'));
					singlePill.classList.add('active');
					selectedCounterSpecs[groupKey] = singlePill.dataset.val;
					autoSelected = true;
				}
			}
		});
	}

	if (autoSelected || activeChanged) {
		evaluateCounterRules(true);
		return;
	}

	// 6. 特殊限制：LOGO 選擇「客制」時，限制起訂數量最少 1000 件
	const qtyInput = document.getElementById('counter-qty');
	const limitTip = document.getElementById('counter-qty-limit-tip');
	if (selectedCounterSpecs.brand === '客制') {
		if (qtyInput) {
			qtyInput.min = 1000;
			if (parseInt(qtyInput.value) < 1000) {
				qtyInput.value = 1000;
			}
		}
		if (limitTip) limitTip.style.display = 'inline';
	} else {
		if (qtyInput) {
			qtyInput.min = 1;
		}
		if (limitTip) limitTip.style.display = 'none';
	}

	// 7. 顯示/隱藏計數器加購區塊
	const cartActionPanel = document.getElementById('counter-cart-action');
	if (cartActionPanel) {
		if (selectedCounterSpecs.model) {
			cartActionPanel.style.display = 'block';
		} else {
			cartActionPanel.style.display = 'none';
		}
	}
} //end of evaluateCounterRules

// 將計數器選定規格加入購物車
function addCounterToCart() {
	// 驗證是否有漏選的可選規格
	const missingCounterSpecs = [];
	document.querySelectorAll('#panel-counter .spec-group').forEach(group => {
		const groupKey = group.dataset.groupKey;
		const groupName = group.dataset.groupName || groupKey;
		const hasAvailablePill = group.querySelector('.option-pill:not(.disabled)') !== null;
		if (hasAvailablePill && !selectedCounterSpecs[groupKey]) {
			missingCounterSpecs.push(groupName);
		}
	});

	if (missingCounterSpecs.length > 0) {
		alert(`請先選取以下計數器規格：\n- ${missingCounterSpecs.join('\n- ')}`);
		return;
	}

	if (!selectedCounterSpecs.model) {
		alert('請先選取計數器型號');
		return;
	}
	
	const qtyInput = document.getElementById('counter-qty');
	const qty = parseInt(qtyInput.value) || 1;
	
	// 客制 LOGO 起訂量驗證
	if (selectedCounterSpecs.brand === '客制' && qty < 1000) {
		alert('客制 LOGO 計數器最低起訂量為 1000 件，已為您調整為 1000 件。');
		qtyInput.value = 1000;
		return;
	}
	
	const specsCopy = { ...selectedCounterSpecs };
	
	const groupNames = {
		size: '尺寸',
		direction: '方向',
		temp: '耐溫等級',
		brand: 'LOGO'
	};
	
	let specDetails = [];
	for (let key in specsCopy) {
		if (key !== 'model' && specsCopy[key]) {
			specDetails.push(`${groupNames[key]}: ${specsCopy[key]}`);
		}
	}
	
	const newItem = {
		id: 'mc_' + Date.now() + '_' + Math.random().toString(36).substr(2, 5),
		category: '計數器',
		model: specsCopy.model,
		quantity: qty,
		specsText: specDetails.join(' | '),
		specs: specsCopy
	};
	
	cartItems.push(newItem);
	
	showToast(`已加入詢價車: 計數器 ${newItem.model} x ${qty} 件`);
	
	// 重置
	qtyInput.value = 1;
	resetCounterSpecs();
	renderCartSummary();
} //end of addCounterToCart

// 重置定位開關所有選項
function resetPositionSwitchSpecs() {
	lastClickedGroupKey = null;
	lastClickedAction = null;
	for (let key in selectedPositionSwitchSpecs) {
		selectedPositionSwitchSpecs[key] = null;
		userSelectedPositionSwitchSpecs[key] = null;
	}
	document.querySelectorAll('#panel-position-switch .option-pill').forEach(pill => {
		pill.classList.remove('active');
		pill.classList.remove('disabled');
	});
	
	// 重置數量限制與提示
	const qtyInput = document.getElementById('position-switch-qty');
	if (qtyInput) {
		qtyInput.value = 1;
		qtyInput.min = 1;
	}

	evaluatePositionSwitchRules();
} //end of resetPositionSwitchSpecs

// 定位開關規格運算引擎 (Rule Evaluation Engine - Data Driven)
function evaluatePositionSwitchRules() {
	// 以使用者主動手動點選的規格為推導基準
	const currentActiveSpecs = { ...userSelectedPositionSwitchSpecs };
	let availableValues = {};

	while (true) {
		// 1. 篩選符合特徵的產品
		const matchedProducts = POSITION_SWITCH_MATRIX.filter(p => {
			for (let key in currentActiveSpecs) {
				if (currentActiveSpecs[key] !== null) {
					if (!p[key].includes(currentActiveSpecs[key])) {
						return false;
					}
				}
			}
			return true;
		});

		// 2. 收集各個分類在合法產品中的所有可能取值
		availableValues = {};
		for (let key in selectedPositionSwitchSpecs) {
			availableValues[key] = new Set();
		}
		matchedProducts.forEach(product => {
			for (let key in availableValues) {
				product[key].forEach(val => availableValues[key].add(val));
			}
		});

		// 3. 單一剩餘可用選項自動推導勾選 (Auto-Select)
		let anyNewAuto = false;
		document.querySelectorAll('#panel-position-switch .spec-group').forEach(group => {
			const groupKey = group.dataset.groupKey;
			if (currentActiveSpecs[groupKey] !== null) return;
			if (groupKey === lastClickedGroupKey && lastClickedAction === 'unselect') return;

			const validPills = Array.from(group.querySelectorAll('.option-pill')).filter(p => {
				return availableValues[groupKey] && availableValues[groupKey].has(p.dataset.val);
			});

			if (validPills.length === 1) {
				currentActiveSpecs[groupKey] = validPills[0].dataset.val;
				anyNewAuto = true;
			}
		});

		if (!anyNewAuto) {
			break;
		}
	}

	// 4. 更新最終選取狀態與 UI 樣式
	for (let key in selectedPositionSwitchSpecs) {
		selectedPositionSwitchSpecs[key] = currentActiveSpecs[key] || null;
	}

	document.querySelectorAll('#panel-position-switch .option-pill').forEach(pill => {
		const groupKey = pill.dataset.groupKey;
		const val = pill.dataset.val;
		const isAvailable = availableValues[groupKey] && availableValues[groupKey].has(val);

		if (!isAvailable) {
			pill.classList.add('disabled');
			pill.setAttribute('aria-disabled', 'true');
			pill.classList.remove('active');
		} else {
			pill.classList.remove('disabled');
			pill.removeAttribute('aria-disabled');
			if (selectedPositionSwitchSpecs[groupKey] === val) {
				pill.classList.add('active');
			} else {
				pill.classList.remove('active');
			}
		}
	});

	// 5. 顯示/隱藏定位開關加購區塊
	const cartActionPanel = document.getElementById('position-switch-cart-action');
	if (cartActionPanel) {
		if (selectedPositionSwitchSpecs.model) {
			cartActionPanel.style.display = 'block';
		} else {
			cartActionPanel.style.display = 'none';
		}
	}
} //end of evaluatePositionSwitchRules

// 將定位開關選定規格加入購物車
function addPositionSwitchToCart() {
	// 驗證是否有漏選的可選規格
	const missingSpecs = [];
	document.querySelectorAll('#panel-position-switch .spec-group').forEach(group => {
		const groupKey = group.dataset.groupKey;
		const groupName = group.dataset.groupName || groupKey;
		const hasAvailablePill = group.querySelector('.option-pill:not(.disabled)') !== null;
		if (hasAvailablePill && !selectedPositionSwitchSpecs[groupKey]) {
			missingSpecs.push(groupName);
		}
	});

	if (missingSpecs.length > 0) {
		alert(`請先選取以下定位開關規格：\n- ${missingSpecs.join('\n- ')}`);
		return;
	}

	if (!selectedPositionSwitchSpecs.model) {
		alert('請先選取定位開關型號');
		return;
	}
	
	const qtyInput = document.getElementById('position-switch-qty');
	const qty = parseInt(qtyInput.value) || 1;
	
	const specsCopy = { ...selectedPositionSwitchSpecs };
	
	const groupNames = {
		outer_dia: '外徑尺寸',
		thread: '螺牙',
		accuracy: '重複定位精度',
		cable_type: '纜線種類',
		cable_length: '纜線長度',
		protection_level: '防水防塵等級',
		contact_type: '接觸尺寸/形狀',
		contact_force: '接觸力',
		led: 'LED指示燈',
		output_signal: '輸出信號'
	};
	
	let specDetails = [];
	for (let key in specsCopy) {
		if (key !== 'model' && specsCopy[key]) {
			specDetails.push(`${groupNames[key]}: ${specsCopy[key]}`);
		}
	}
	
	const newItem = {
		id: 'ps_' + Date.now() + '_' + Math.random().toString(36).substr(2, 5),
		category: '定位開關',
		model: specsCopy.model,
		quantity: qty,
		specsText: specDetails.join(' | '),
		specs: specsCopy
	};
	
	cartItems.push(newItem);
	
	showToast(`已加入詢價車: 定位開關 ${newItem.model} x ${qty} 件`);
	
	// 重置
	qtyInput.value = 1;
	resetPositionSwitchSpecs();
	renderCartSummary();
} //end of addPositionSwitchToCart


// 初始化直線軸承圖面拖曳上傳
function initBearingUploadEvents() {
	const uploadArea = document.getElementById('bearing-upload-area');
	const fileInput = document.getElementById('bearing-file-input');
	const promptText = document.getElementById('upload-prompt-text');
	const previewArea = document.getElementById('upload-file-preview');
	const previewName = document.getElementById('preview-file-name');
	const previewSize = document.getElementById('preview-file-size');

	if (!uploadArea || !fileInput) return;

	// 點擊上傳區觸發 file input
	uploadArea.addEventListener('click', function(e) {
		if (e.target.classList.contains('preview-remove-btn')) return;
		fileInput.click();
	});

	// File input 變更事件
	fileInput.addEventListener('change', function() {
		if (this.files && this.files.length > 0) {
			handleBearingFile(this.files[0]);
		}
	});

	// 拖曳事件
	uploadArea.addEventListener('dragover', function(e) {
		e.preventDefault();
		uploadArea.classList.add('drag-over');
	});

	uploadArea.addEventListener('dragleave', function() {
		uploadArea.classList.remove('drag-over');
	});

	uploadArea.addEventListener('drop', function(e) {
		e.preventDefault();
		uploadArea.classList.remove('drag-over');
		if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
			handleBearingFile(e.dataTransfer.files[0]);
		}
	});

	function handleBearingFile(file) {
		uploadedDrawingFile = file;
		
		// 將檔案轉為 Base64
		const reader = new FileReader();
		reader.onload = function(e) {
			uploadedDrawingData = e.target.result;
		};
		reader.readAsDataURL(file);
		
		previewName.textContent = file.name;
		
		let sizeStr = '';
		if (file.size < 1024) {
			sizeStr = file.size + ' B';
		} else if (file.size < 1024 * 1024) {
			sizeStr = (file.size / 1024).toFixed(1) + ' KB';
		} else {
			sizeStr = (file.size / (1024 * 1024)).toFixed(1) + ' MB';
		}
		previewSize.textContent = `(${sizeStr})`;

		promptText.style.display = 'none';
		previewArea.style.display = 'flex';
		
		showToast(`已上傳圖面：${file.name}`);
	}
} //end of initBearingUploadEvents

// 清除上傳的圖面檔案
function clearBearingUploadedFile(event) {
	if (event) event.stopPropagation();
	
	uploadedDrawingFile = null;
	uploadedDrawingData = null; // 新增：清空資料
	
	const fileInput = document.getElementById('bearing-file-input');
	if (fileInput) fileInput.value = '';

	const promptText = document.getElementById('upload-prompt-text');
	const previewArea = document.getElementById('upload-file-preview');

	if (promptText && previewArea) {
		promptText.style.display = 'block';
		previewArea.style.display = 'none';
	}
	if (event) showToast('已移除圖面檔案');
} //end of clearBearingUploadedFile

// 將直線軸承規格加入購物車
function addLinearBearingToCart() {
	if (!uploadedDrawingFile) {
		alert('請先拖曳上傳或點擊選擇您的設計圖面以進行客製化估價。');
		return;
	}
	
	const qtyInput = document.getElementById('bearing-qty');
	const qty = qtyInput ? parseInt(qtyInput.value) || 1 : 1;
	
	const drawingName = uploadedDrawingFile.name;
	const finalModel = '客製化直線運動軸承';

	const newItem = {
		id: 'lb_' + Date.now() + '_' + Math.random().toString(36).substr(2, 5),
		category: '直線軸承',
		model: finalModel,
		quantity: qty,
		specsText: '',
		drawingName: drawingName,
		drawingData: uploadedDrawingData, // 新增：將 Base64 資料傳送至後端
		specs: {
			drawingName: drawingName
		}
	};
	
	cartItems.push(newItem);
	
	showToast(`已加入詢價車: [直線軸承] ${finalModel} x ${qty} 件`);
	
	// 重置欄位與狀態
	if (qtyInput) qtyInput.value = 1;
	clearBearingUploadedFile();
	
	renderCartSummary();
} //end of addLinearBearingToCart

// 初始化常見鋼珠套選擇表
function initBallCageConfigurator() {
	const odContainer = document.getElementById('ball-cage-od-pills');
	if (!odContainer) return;
	
	let html = '';
	BALL_CAGE_MATRIX.forEach(item => {
		html += `<div class="option-pill" data-od="${item.outer_dia}" onclick="selectBallCageOD('${item.outer_dia}')">${item.outer_dia}</div>`;
	});
	odContainer.innerHTML = html;
} //end of initBallCageConfigurator

// 點擊選擇導柱外徑
function selectBallCageOD(od) {
	const pills = document.querySelectorAll('#ball-cage-od-pills .option-pill');
	pills.forEach(p => {
		if (p.dataset.od === od) {
			p.classList.add('active');
		} else {
			p.classList.remove('active');
		}
	});
	
	selectedBallCageOD = od;
	
	for (let key in selectedBallCageSpecs) {
		selectedBallCageSpecs[key] = null;
	}
	
	const rowData = BALL_CAGE_MATRIX.find(item => item.outer_dia === od);
	if (!rowData) return;
	
	document.getElementById('ball-cage-specs-container').style.display = 'block';
	document.getElementById('ball-cage-action-panel').style.display = 'block';
	
	renderBallCageSpecGroup('ball_dia', rowData.ball_dia);
	renderBallCageSpecGroup('length', rowData.length, 'mm');
	
	// 規則 4. 全部的鋼珠套材料，都要有「銅」的選項
	let materialOptions = [...rowData.material];
	if (!materialOptions.includes('銅')) {
		materialOptions.unshift('銅');
	}
	renderBallCageSpecGroup('material', materialOptions);
	
	renderBallCageSpecGroup('arrangement', rowData.arrangement);
	
	updateBallCageSleeveID(); // 更新導套內徑
	updateBallCageDependentSpecs(); // 更新依賴直徑的規格項目 (因為若 ball_dia 只有單個選項會被 auto-select，故需呼叫)
} //end of selectBallCageOD

// 渲染單個規格組 of Pills
function renderBallCageSpecGroup(key, options, unit = '') {
	const groupEl = document.getElementById(`ball-cage-group-${key}`);
	if (!groupEl) return;
	
	const wrapper = groupEl.querySelector('.options-wrapper');
	if (!wrapper) return;
	
	let html = '';
	
	// 判斷是否需要預設勾選
	let defaultVal = null;
	if (options.length === 1) {
		defaultVal = options[0];
	} else if (key === 'arrangement' && selectedBallCageOD) {
		const odNum = parseFloat(selectedBallCageOD.replace('φ', '').replace('mm', ''));
		if (!isNaN(odNum) && odNum >= 16 && options.includes('米字型')) {
			defaultVal = '米字型';
		}
	}
	
	options.forEach(val => {
		const displayVal = (key === 'length') ? `${val}${unit}` : val;
		const isActive = (val === defaultVal) ? 'active' : '';
		html += `<div class="option-pill ${isActive}" data-val="${val}" onclick="selectBallCageSpec('${key}', '${val}', this)">${displayVal}</div>`;
	});
	wrapper.innerHTML = html;
	
	if (defaultVal) {
		selectedBallCageSpecs[key] = defaultVal;
	}
} //end of renderBallCageSpecGroup

// 點擊選擇特定規格參數
function selectBallCageSpec(key, val, pill) {
	const siblings = pill.parentNode.querySelectorAll('.option-pill');
	siblings.forEach(p => p.classList.remove('active'));
	
	pill.classList.add('active');
	selectedBallCageSpecs[key] = val;
	
	if (key === 'ball_dia') {
		updateBallCageSleeveID(); // 更新導套內徑
		updateBallCageDependentSpecs(); // 更新依賴直徑的規格項目
	}
} //end of selectBallCageSpec

// 更新依賴鋼珠直徑的規格項目 (等級、來源、材料)
function updateBallCageDependentSpecs() {
	const gradeGroup = document.getElementById('ball-cage-group-ball_grade');
	const sourceGroup = document.getElementById('ball-cage-group-ball_source');
	const materialGroup = document.getElementById('ball-cage-group-ball_material');
	
	if (!gradeGroup || !sourceGroup || !materialGroup) return;
	
	const ballDia = selectedBallCageSpecs.ball_dia;
	
	if (!ballDia) {
		// 未選擇直徑，隱藏相關欄位並重設選定值
		gradeGroup.style.display = 'none';
		sourceGroup.style.display = 'none';
		materialGroup.style.display = 'none';
		selectedBallCageSpecs.ball_grade = null;
		selectedBallCageSpecs.ball_source = null;
		selectedBallCageSpecs.ball_material = null;
		return;
	}
	
	// 顯示欄位
	gradeGroup.style.display = 'block';
	sourceGroup.style.display = 'block';
	materialGroup.style.display = 'block';
	
	// 每次直徑改變時，先重置這三個規格的值（若長度為 1 會在下面 render 時被 auto-select）
	selectedBallCageSpecs.ball_grade = null;
	selectedBallCageSpecs.ball_source = null;
	selectedBallCageSpecs.ball_material = null;
	
	const diaStr = ballDia.replace('mm', '');
	const diaNum = parseFloat(diaStr);
	
	// 規則 1. 當鋼珠直徑為0.6mm或是1mm的時候，鋼珠等級才有5級與10級的選項，其他直徑的鋼珠等級都是10級
	let gradeOptions = ["10級"];
	if (diaNum === 0.6 || diaNum === 1) {
		gradeOptions = ["5級", "10級"];
	}
	
	// 規則 2. 當鋼珠直徑為0.6mm或是1mm的時候，鋼珠產地只有 日本珠的選項，其他直徑的鋼珠產地都有 日本 , 台灣
	let sourceOptions = ["日本", "台灣"];
	if (diaNum === 0.6 || diaNum === 1) {
		sourceOptions = ["日本珠"];
	}
	
	// 規則 3. 當鋼珠直徑為是1mm或是2mm或是3mm的時候，鋼珠材料才有 SUJ2鉻鋼珠與不鏽鋼的選項，其他都是 SUJ2鉻鋼珠
	let materialOptions = ["SUJ2鉻鋼珠"];
	if (diaNum === 1 || diaNum === 2 || diaNum === 3) {
		materialOptions = ["SUJ2鉻鋼珠", "不鏽鋼"];
	}
	
	renderBallCageSpecGroup('ball_grade', gradeOptions);
	renderBallCageSpecGroup('ball_source', sourceOptions);
	renderBallCageSpecGroup('ball_material', materialOptions);
} //end of updateBallCageDependentSpecs

// 更新計算導套內徑顯示
function updateBallCageSleeveID() {
	const badge = document.getElementById('ball-cage-sleeve-id-badge');
	if (!badge) return;
	
	if (selectedBallCageOD && selectedBallCageSpecs.ball_dia) {
		const odNum = parseFloat(selectedBallCageOD.replace('φ', '').replace('mm', ''));
		const diaNum = parseFloat(selectedBallCageSpecs.ball_dia.replace('mm', ''));
		
		if (!isNaN(odNum) && !isNaN(diaNum)) {
			const sleeveID = odNum + 2 * diaNum;
			const formattedID = Number(sleeveID.toFixed(2));
			badge.textContent = `適用導套內徑: φ${formattedID}mm`;
			badge.style.display = 'inline-block';
			return;
		}
	}
	
	badge.style.display = 'none';
} //end of updateBallCageSleeveID

// 將選定的鋼珠套規格加入詢價車
function addBallCageToCart() {
	if (!selectedBallCageOD) {
		alert('請先選擇適用導柱外徑。');
		return;
	}
	
	const rowData = BALL_CAGE_MATRIX.find(item => item.outer_dia === selectedBallCageOD);
	if (!rowData) return;
	
	const missingSpecs = [];
	const specLabels = {
		ball_dia: '鋼珠直徑',
		ball_grade: '鋼珠等級',
		ball_source: '鋼珠來源',
		ball_material: '鋼珠材料',
		length: '鋼珠套長度',
		material: '鋼珠套材料',
		arrangement: '鋼珠排列方式'
	};
	
	for (let key in selectedBallCageSpecs) {
		if (!selectedBallCageSpecs[key]) {
			missingSpecs.push(specLabels[key]);
		}
	}
	
	if (missingSpecs.length > 0) {
		alert(`請選擇以下鋼珠套規格：\n- ${missingSpecs.join('\n- ')}`);
		return;
	}
	
	const qtyInput = document.getElementById('ball-cage-qty');
	const qty = qtyInput ? parseInt(qtyInput.value) || 1 : 1;
	
	const specDetails = [
		`適用導柱外徑: ${selectedBallCageOD}`,
		`鋼珠直徑: ${selectedBallCageSpecs.ball_dia}`,
		`鋼珠等級: ${selectedBallCageSpecs.ball_grade}`,
		`鋼珠來源: ${selectedBallCageSpecs.ball_source}`,
		`鋼珠材料: ${selectedBallCageSpecs.ball_material}`,
		`長度: ${selectedBallCageSpecs.length}mm`,
		`材料: ${selectedBallCageSpecs.material}`,
		`排列方式: ${selectedBallCageSpecs.arrangement}`
	];
	
	const modelName = `標準鋼珠套 (${selectedBallCageOD})`;
	
	const newItem = {
		id: 'bc_' + Date.now() + '_' + Math.random().toString(36).substr(2, 5),
		category: '直線軸承',
		model: modelName,
		quantity: qty,
		specsText: specDetails.join(' | '),
		specs: {
			outer_dia: selectedBallCageOD,
			...selectedBallCageSpecs
		}
	};
	
	cartItems.push(newItem);
	showToast(`已加入詢價車: [標準鋼珠套] ${selectedBallCageOD} x ${qty} 件`);
	
	resetBallCageConfigurator();
	renderCartSummary();
} //end of addBallCageToCart

// 重置鋼珠套選擇器狀態
function resetBallCageConfigurator() {
	selectedBallCageOD = null;
	for (let key in selectedBallCageSpecs) {
		selectedBallCageSpecs[key] = null;
	}
	
	// 隱藏動態規格面板與動作按鈕
	const specsContainer = document.getElementById('ball-cage-specs-container');
	if (specsContainer) specsContainer.style.display = 'none';
	
	const actionPanel = document.getElementById('ball-cage-action-panel');
	if (actionPanel) actionPanel.style.display = 'none';
	
	// 取消外徑 Pills 的 active 樣式
	const pills = document.querySelectorAll('#ball-cage-od-pills .option-pill');
	pills.forEach(p => p.classList.remove('active'));
	
	// 數量還原為 1
	const qtyInput = document.getElementById('ball-cage-qty');
	if (qtyInput) qtyInput.value = 1;
	
	// 隱藏導套內徑徽章與重設依賴欄位
	updateBallCageSleeveID();
	updateBallCageDependentSpecs();
} //end of resetBallCageConfigurator

// 檢查某個產品規格是否與當前已選取規格相符
function isProductMatch(product, selected) {
	for (let key in selected) {
		if (selected[key] !== null) {
			if (!product[key].includes(selected[key])) {
				return false;
			}
		}
	}
	return true;
} //end of isProductMatch

// 解析長度字串為數值 (例如: "0.5M" -> 0.5, "不需要" -> 0)
function parseLength(val) {
	if (!val || val === '不需要' || val === '無') return 0;
	const num = parseFloat(val);
	return isNaN(num) ? 0 : num;
} //end of parseLength

// 核心連動與灰階停用規則運算引擎 (Rule Evaluation Engine - Data Driven)
function evaluateRules(preventLoop = false) {
	// 1. 篩選符合已選取特徵的所有合法產品
	const matchedProducts = PRODUCT_MATRIX.filter(p => isProductMatch(p, selectedSpecs));

	// 2. 收集各個分類在合法產品中的所有可能取值
	const availableValues = {};
	for (let key in selectedSpecs) {
		availableValues[key] = new Set();
	}
	matchedProducts.forEach(product => {
		for (let key in availableValues) {
			product[key].forEach(val => availableValues[key].add(val));
		}
	});

	// 3. 找出需要灰階的選項
	const disabledItems = new Set();
	document.querySelectorAll('#panel-tool-setter .option-pill').forEach(pill => {
		const groupKey = pill.dataset.groupKey;
		const val = pill.dataset.val;
		if (!availableValues[groupKey] || !availableValues[groupKey].has(val)) {
			disabledItems.add(groupKey + ':' + val);
		}
	});

	// 3.5 額外物理限制：纜線長度必須大於金屬保護管長度
	const selectedProto = selectedSpecs.protection_length;
	const selectedCable = selectedSpecs.cable_length;
	const protoLen = parseLength(selectedProto);
	const cableLen = parseLength(selectedCable);

	// 如果選了保護管，且保護管不是不需要
	if (selectedProto && selectedProto !== '不需要') {
		document.querySelectorAll('#panel-tool-setter .option-pill[data-group-key="cable_length"]').forEach(pill => {
			const val = pill.dataset.val;
			const valLen = parseLength(val);
			// 纜線長度必須大於保護管長度
			if (val === '不需要' || valLen <= protoLen) {
				disabledItems.add('cable_length:' + val);
			}
		});
	}

	// 如果選了纜線，且纜線不是不需要
	if (selectedCable && selectedCable !== '不需要') {
		document.querySelectorAll('#panel-tool-setter .option-pill[data-group-key="protection_length"]').forEach(pill => {
			const val = pill.dataset.val;
			const valLen = parseLength(val);
			// 保護管長度必須小於纜線長度
			if (val !== '不需要' && valLen >= cableLen) {
				disabledItems.add('protection_length:' + val);
			}
		});
	}

	// 3.8 吹氣裝置物理置灰：手動模式下劃掉「有」
	const selectedModeForBlow = selectedSpecs.measure_mode;
	const selectedModelForBlow = selectedSpecs.model;
	const isManualForBlow = selectedModeForBlow === '手動' || (selectedModelForBlow && selectedModelForBlow.startsWith('BTS'));
	if (isManualForBlow) {
		disabledItems.add('air_blow:有');
	}

	// 4. 更新選項的禁用與選取狀態
	let activeChanged = false;
	document.querySelectorAll('#panel-tool-setter .option-pill').forEach(pill => {
		const groupKey = pill.dataset.groupKey;
		const val = pill.dataset.val;
		const itemKey = groupKey + ':' + val;

		if (disabledItems.has(itemKey)) {
			pill.classList.add('disabled');
			pill.setAttribute('aria-disabled', 'true');
			if (pill.classList.contains('active')) {
				pill.classList.remove('active');
				selectedSpecs[groupKey] = null;
				activeChanged = true;
			}
		} else {
			pill.classList.remove('disabled');
			pill.removeAttribute('aria-disabled');
		}
	});

	// 4.5 吹氣裝置動態預設勾選與置灰規則
	const selectedMode = selectedSpecs.measure_mode;
	const selectedModel = selectedSpecs.model;
	const isManual = selectedMode === '手動' || (selectedModel && selectedModel.startsWith('BTS'));
	const isAirBlowHaveDisabled = disabledItems.has('air_blow:有');

	if (isManual) {
		if (selectedSpecs.air_blow !== '無') {
			selectedSpecs.air_blow = '無';
			activeChanged = true;
		}
	} else {
		// 如果「有吹氣」選項目前是可選的（沒有被置灰禁用）
		if (!isAirBlowHaveDisabled) {
			// 只有當已確定選擇「自動」量測方式，或者選取了其他非手動型號時，才進行預設勾選，防止初始無選擇狀態下誤判過濾
			const isAutoOrModelSelected = selectedMode === '自動' || (selectedModel && !selectedModel.startsWith('BTS'));
			if (isAutoOrModelSelected) {
				// 1. 若先前「有吹氣」是被禁用的（剛剛被解鎖限制），自動回彈預設勾選「有」
				// 2. 若當前尚未選取任何吹氣裝置 (null)，預設勾選「有」
				if (wasAirBlowHaveDisabledLastTime || selectedSpecs.air_blow === null) {
					selectedSpecs.air_blow = '有';
					activeChanged = true;
				}
			}
		}
	}
	// 更新 wasAirBlowHaveDisabledLastTime 狀態
	wasAirBlowHaveDisabledLastTime = isAirBlowHaveDisabled;

	// 同步吹氣裝置在 DOM 上的 active 樣式
	if (selectedSpecs.air_blow) {
		document.querySelectorAll('#panel-tool-setter .option-pill[data-group-key="air_blow"]').forEach(pill => {
			if (pill.dataset.val === selectedSpecs.air_blow && !pill.classList.contains('disabled')) {
				pill.classList.add('active');
			} else {
				pill.classList.remove('active');
			}
		});
	}

	// 5. 單一剩餘可用選項自動勾選 (Auto-Select)
	let autoSelected = false;
	if (!preventLoop) {
		document.querySelectorAll('#panel-tool-setter .spec-group').forEach(group => {
			const groupKey = group.dataset.groupKey;
			
			// 如果此類別是使用者剛剛手動「取消勾選」的，本次篩選不強行自動勾回
			if (groupKey === lastClickedGroupKey && lastClickedAction === 'unselect') {
				return;
			}
			
			const availablePills = group.querySelectorAll('.option-pill:not(.disabled)');
			if (availablePills.length === 1) {
				const singlePill = availablePills[0];
				if (!singlePill.classList.contains('active')) {
					group.querySelectorAll('.option-pill').forEach(p => p.classList.remove('active'));
					singlePill.classList.add('active');
					selectedSpecs[groupKey] = singlePill.dataset.val;
					autoSelected = true;
				}
			}
		});
	}

	// 6. 如果自動選取或狀態被更新，進行收斂計算
	if (autoSelected || activeChanged) {
		evaluateRules(true); // 執行第二輪篩選收斂
		return;
	}

	// 7. 顯示/隱藏對刀儀加購區塊
	const cartActionPanel = document.getElementById('tool-setter-cart-action');
	if (cartActionPanel) {
		if (selectedSpecs.model) {
			cartActionPanel.style.display = 'block';
		} else {
			cartActionPanel.style.display = 'none';
		}
	}

	// 7.5 特殊限制：LOGO 選擇「客制」時，限制起訂數量最少 300 件
	const qtyInput = document.getElementById('tool-setter-qty');
	const limitTip = document.getElementById('tool-setter-qty-limit-tip');
	if (selectedSpecs.brand === '客制') {
		if (qtyInput) {
			qtyInput.min = 300;
			if (parseInt(qtyInput.value) < 300) {
				qtyInput.value = 300;
			}
		}
		if (limitTip) limitTip.style.display = 'inline';
	} else {
		if (qtyInput) {
			qtyInput.min = 1;
		}
		if (limitTip) limitTip.style.display = 'none';
	}

	// 7.8 B4A / T4A 系列特別說明顯示
	const notePanel = document.getElementById('model-special-note');
	const noteText = document.getElementById('model-special-note-text');
	if (notePanel && noteText) {
		const currentModel = selectedSpecs.model;
		if (currentModel && (currentModel.startsWith('B4A') || currentModel.startsWith('T4A'))) {
			let desc = '';
			if (currentModel === 'B4A-II') {
				desc = '四方向/四個輸出信號/車床專用';
			} else if (currentModel === 'B4A-II-1') {
				desc = '四方向/一個輸出信號/車床專用';
			} else if (currentModel === 'T4A-1') {
				desc = '四方向/一個輸出信號/車床專用';
			} else {
				desc = '四方向/車床專用';
			}
			noteText.textContent = desc;
			notePanel.style.display = 'block';
		} else {
			notePanel.style.display = 'none';
		}
	}

	// 8. 更新右側預覽
	renderCartSummary();
} //end of evaluateRules


// 全域購物車項目陣列
let cartItems = [];

// 渲染右側詢價清單預覽
function renderCartSummary() {
	const cartContainer = document.getElementById('cart-summary-list');
	if (!cartContainer) return;
	
	if (cartItems.length === 0) {
		cartContainer.innerHTML = `
			<div class="cart-empty-notice">
				詢價購物車尚無項目<br>
				<small>(請在左側選妥型號與數量後加入)</small>
			</div>
		`;
		return;
	}

	let html = '';
	cartItems.forEach((item) => {
		let specsHtml = '';
		if (item.specsText) {
			specsHtml = `<div class="cart-item-specs-detail">${item.specsText}</div>`;
		}
		if (item.drawingName) {
			specsHtml += `<div class="cart-item-drawing-detail">📎 圖面: ${item.drawingName}</div>`;
		}
		
		html += `
			<div class="cart-item-block">
				<div class="cart-item-title-row">
					<span class="cart-item-tag">${item.category}</span>
					<span class="cart-item-model-name">${item.model}</span>
					<span class="cart-item-delete-btn" onclick="removeCartItem('${item.id}')" title="刪除此項">✕</span>
				</div>
				<div class="cart-item-qty-row">
					<span>數量：<strong>${item.quantity}</strong> 件</span>
				</div>
				${specsHtml}
			</div>
		`;
	});

	cartContainer.innerHTML = html;
} //end of renderCartSummary

// 移除購物車項目
function removeCartItem(id) {
	cartItems = cartItems.filter(item => item.id !== id);
	renderCartSummary();
	showToast('已移除詢價項目');
} //end of removeCartItem

// 將對刀儀選定規格加入購物車
function addToolSetterToCart() {
	// 驗證是否有漏選的可選規格
	const missingSpecs = [];
	document.querySelectorAll('#panel-tool-setter .spec-group').forEach(group => {
		const groupKey = group.dataset.groupKey;
		const groupName = group.dataset.groupName || groupKey;
		
		// 檢查此規格分類是否有至少一個非 disabled 的 pill 可選
		const hasAvailablePill = group.querySelector('.option-pill:not(.disabled)') !== null;
		
		// 如果有可選 Pill，但當前未選取 (selectedSpecs[groupKey] 為 null)
		if (hasAvailablePill && !selectedSpecs[groupKey]) {
			missingSpecs.push(groupName);
		}
	});

	if (missingSpecs.length > 0) {
		alert(`請先選取以下規格：\n- ${missingSpecs.join('\n- ')}`);
		return;
	}

	if (!selectedSpecs.model) {
		alert('請先選取對刀儀型號');
		return;
	}
	
	const qtyInput = document.getElementById('tool-setter-qty');
	const qty = parseInt(qtyInput.value) || 1;
	
	// 客制 LOGO 起訂量驗證
	if (selectedSpecs.brand === '客制' && qty < 300) {
		alert('客制 LOGO 對刀儀最低起訂量為 300 件，已為您調整為 300 件。');
		qtyInput.value = 300;
		return;
	}
	
	// 複製當前的規格
	const specsCopy = { ...selectedSpecs };
	
	// 組合成規格描述文字
	const groupNames = {
		measure_mode: '量測方式',
		direction: '量測方向',
		dia: '盤面直徑',
		replaceable_plate: '更換盤面',
		bearing: '軸承型態',
		accuracy: '精度',
		protection_level: '防護等級',
		overtravel: '過行程',
		min_tool_dia: '最小刀徑',
		cable_detach: '纜線拔插',
		output_type: '輸出接點',
		air_blow: '吹氣',
		protection_length: '金屬保護管',
		cable_length: '纜線長度',
		brand: '品牌',
		height: '產品高度'
	};
	
	let specDetails = [];
	for (let key in specsCopy) {
		if (key !== 'model' && specsCopy[key]) {
			specDetails.push(`${groupNames[key]}: ${specsCopy[key]}`);
		}
	}
	
	const newItem = {
		id: 'ts_' + Date.now() + '_' + Math.random().toString(36).substr(2, 5),
		category: '對刀儀',
		model: specsCopy.model,
		quantity: qty,
		specsText: specDetails.join(' | '),
		specs: specsCopy
	};
	
	cartItems.push(newItem);
	
	showToast(`已加入詢價車: 對刀儀 ${newItem.model} x ${qty} 件`);
	
	// 重置數量輸入
	qtyInput.value = 1;
	// 重置左側選型
	resetToolSetterSpecs();
	// 重新渲染預覽
	renderCartSummary();
} //end of addToolSetterToCart

// 將其他分類的簡易選型加入購物車
function addOtherProductToCart() {
	const activeTab = document.querySelector('.cat-tab-btn.active');
	const cat = activeTab ? activeTab.dataset.cat : '';
	const catName = activeTab ? activeTab.textContent : '';
	
	const customModelInput = document.getElementById('input-other-model-custom');
	const customModel = customModelInput ? customModelInput.value.trim() : '';
	
	const finalModel = currentOtherSelectedModel || customModel;
	
	if (!finalModel) {
		alert('請選擇產品型號，或在下方欄位手動輸入型號');
		return;
	}
	
	const qtyInput = document.getElementById('other-product-qty');
	const qty = qtyInput ? parseInt(qtyInput.value) || 1 : 1;
	
	const newItem = {
		id: 'oth_' + Date.now() + '_' + Math.random().toString(36).substr(2, 5),
		category: catName,
		model: finalModel,
		quantity: qty,
		specsText: '',
		specs: {}
	};
	
	cartItems.push(newItem);
	
	showToast(`已加入詢價車: [${catName}] ${finalModel} x ${qty} 件`);
	
	// 重置其他分類狀態
	if (qtyInput) qtyInput.value = 1;
	if (customModelInput) customModelInput.value = '';
	currentOtherSelectedModel = null;
	
	// 重新渲染 options-wrapper pills 與購物車預覽
	renderOtherCategoryPills(cat);
	renderCartSummary();
} //end of addOtherProductToCart

// 顯示動態提示訊息
function showToast(message) {
	let container = document.querySelector('.toast-container');
	if (!container) {
		container = document.createElement('div');
		container.className = 'toast-container';
		document.body.appendChild(container);
	}
	
	const toast = document.createElement('div');
	toast.className = 'toast-msg';
	toast.textContent = message;
	container.appendChild(toast);
	
	// 觸發顯示動畫
	setTimeout(() => {
		toast.classList.add('show');
	}, 10);
	
	// 3 秒後自動隱藏並移除
	setTimeout(() => {
		toast.classList.remove('show');
		setTimeout(() => {
			toast.remove();
		}, 300);
	}, 3000);
} //end of showToast

// ==================== Cookie 相關輔助函式 ====================
function getCookie(name) {
	const nameEQ = name + "=";
	const ca = document.cookie.split(';');
	for (let i = 0; i < ca.length; i++) {
		let c = ca[i];
		while (c.charAt(0) === ' ') c = c.substring(1, c.length);
		if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
	}
	return null;
} //end of getCookie

function setCookie(name, value, days) {
	let expires = "";
	if (days) {
		const date = new Date();
		date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
		expires = "; expires=" + date.toUTCString();
	}
	document.cookie = name + "=" + encodeURIComponent(value || "") + expires + "; path=/; SameSite=Lax";
} //end of setCookie

function eraseCookie(name) {
	document.cookie = name + '=; Max-Age=-99999999; path=/; SameSite=Lax';
} //end of eraseCookie

// 載入 Cookie 中紀錄的聯絡資訊
function loadSavedContactInfo() {
	const consent = getCookie('tsense_cookie_consent');
	if (consent === 'true') {
		const savedCompany = getCookie('tsense_company_name');
		const savedEmail = getCookie('tsense_email');
		const savedOther = getCookie('tsense_contact_other');
		
		if (savedCompany) document.getElementById('input-company').value = savedCompany;
		if (savedEmail) document.getElementById('input-email').value = savedEmail;
		if (savedOther) document.getElementById('input-contact-other').value = savedOther;
		
		const checkbox = document.getElementById('cookie-consent-checkbox');
		if (checkbox) checkbox.checked = true;
	}
} //end of loadSavedContactInfo

// 處理表單提交
function handleFormSubmit(event) {
	event.preventDefault();

	if (cartItems.length === 0) {
		alert('您的詢價購物車是空的，請先在左側選擇產品並「確認加入」購物車後再送出詢價單。');
		return;
	}

	const companyName = document.getElementById('input-company').value.trim();
	const email = document.getElementById('input-email').value.trim();
	const contactOther = document.getElementById('input-contact-other').value.trim();

	if (!companyName || !email) {
		alert('請填寫詢價單位名稱與客戶聯絡 EMAIL');
		return;
	}

	const turnstileToken = document.querySelector('[name="cf-turnstile-response"]')?.value;
	if (!turnstileToken) {
		alert('請先勾選並通過 Cloudflare 人機安全驗證！');
		return;
	}

	const submitBtn = document.getElementById('submit-inquiry-btn');
	if (submitBtn) {
		submitBtn.disabled = true;
		submitBtn.textContent = '傳送中...';
	}

	// 打包詢價資料
	const inquiryPayload = {
		company_name: companyName,
		email: email,
		contact_other: contactOther,
		items: cartItems,
		'cf-turnstile-response': turnstileToken,
		created_at: new Date().toISOString()
	};

	console.log('Inquiry Form Submitted Payload:', JSON.stringify(inquiryPayload, null, 2));

	// 傳送資料至 MES API
	fetch('https://mes.t-sense.tw/accept_inquery.php', {
		method: 'POST',
		headers: {
			'Content-Type': 'application/json'
		},
		body: JSON.stringify(inquiryPayload)
	})
	.then(response => {
		if (!response.ok) {
			throw new Error('網路回應不成功，伺服器可能繁忙中（HTTP ' + response.status + '）');
		}
		return response.json();
	})
	.then(data => {
		if (data && data.status === 'success') {
			// 生成購物車商品摘要顯示在 Modal 中
			let itemsSummary = '<ul style="text-align: left; max-height: 150px; overflow-y: auto; margin: 10px 0; padding-left: 20px; font-size: 13px;">';
			cartItems.forEach(item => {
				itemsSummary += `<li>[${item.category}] <strong>${item.model}</strong> x ${item.quantity} 件</li>`;
			});
			itemsSummary += '</ul>';

			// 顯示成功 Modal 提示
			document.getElementById('modal-msg-text').innerHTML = `
				感謝 <strong>${companyName}</strong> 的詢價！<br>
				您共詢價了 <strong>${cartItems.length}</strong> 項產品：<br>
				${itemsSummary}
				我們的業務團隊已收到您的規格需求，將盡快寄送專屬報價單至 <strong>${email}</strong>。
			`;
			document.getElementById('success-modal').classList.add('show');
			
			// 如果勾選同意 Cookie 記錄，則將其存入 Cookie (有效期 365 天)
			const consentChecked = document.getElementById('cookie-consent-checkbox').checked;
			if (consentChecked) {
				setCookie('tsense_company_name', companyName, 365);
				setCookie('tsense_email', email, 365);
				setCookie('tsense_contact_other', contactOther, 365);
				setCookie('tsense_cookie_consent', 'true', 365);
			} else {
				// 未勾選時，清除舊紀錄
				eraseCookie('tsense_company_name');
				eraseCookie('tsense_email');
				eraseCookie('tsense_contact_other');
				eraseCookie('tsense_cookie_consent');
			}

			// 提交成功後，清空購物車與表單
			cartItems = [];
			renderCartSummary();
			document.getElementById('inquiry-form').reset();
			if (window.turnstile) {
				try { window.turnstile.reset('#inquiry-turnstile'); } catch (e) {}
			}

			// 如果有勾選同意 Cookie，在重置表單後立刻將聯絡資訊重新填回，避免同客戶重複填入
			if (consentChecked) {
				document.getElementById('input-company').value = companyName;
				document.getElementById('input-email').value = email;
				document.getElementById('input-contact-other').value = contactOther;
				document.getElementById('cookie-consent-checkbox').checked = true;
			}
		} else {
			throw new Error(data && data.message ? data.message : '伺服器端發生未知錯誤');
		}
	})
	.catch(error => {
		console.error('Submit Error:', error);
		alert('傳送詢價單失敗，請確認您的網路連線，或直接透過 email / 電話與我們聯絡。錯誤原因：' + error.message);
		if (window.turnstile) {
			try { window.turnstile.reset('#inquiry-turnstile'); } catch (e) {}
		}
	})
	.finally(() => {
		if (submitBtn) {
			submitBtn.disabled = false;
			submitBtn.textContent = '送出線上詢價單';
		}
	});
} //end of handleFormSubmit

// 關閉 Modal Notification
function closeModal() {
	document.getElementById('success-modal').classList.remove('show');
} //end of closeModal
</script>
</body>
</html>