<!--
版本: AUTO
日期: 2026/09/25
修改摘要: 參考繁體中文官網底部結構，同步更新頁尾區塊（快速連結與專業產品線完整清單）

版本: 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.25
日期: 2026/09/30
修改摘要: Integrate Cloudflare Turnstile smart verification (Managed mode), embedding the widget above the submit button, and implementing token verification and reset logic.
版本: 8.26
日期: 2026/09/30
修改摘要: Renamed page file from inquery.html to inquiry.html, updating language switchers, canonical URLs, and internal links.
-->
<!DOCTYPE html>

<html dir="ltr" lang="en">
<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/en/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>Online Inquiry - T-SENSE</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="/en/">T-SENSE<span class="slogan">Let every touch make sense</span></a>
<nav class="site-nav">
<div class="nav-item">
<a class="dropdown-toggle">About T-SENSE <em class="caret"></em></a>
<div class="dropdown">
<a href="/en/about-t-sense.html">About T-SENSE</a>
<a href="/en/brand-story.html">Brand Story</a>
</div>
</div>
<a href="/en/products.html">Products</a>
<a href="/en/download.html">Download</a><a class="active" href="/en/inquiry.html">Inquiry</a>
<a href="/en/tsense-contact.html">Contact Us</a>
<div class="nav-item">
<a class="dropdown-toggle">Professional Insights <em class="caret"></em></a>
<div class="dropdown">
<a href="/en/exhibition.html">Exhibition Recaps</a>
<a href="/en/news.html">Company News</a>
<a href="/en/tech-resources.html">Technical Resources</a>
<a href="/en/quality-certification.html">Quality Certifications</a>
</div>
</div>
<div class="nav-item">
<a aria-label="Language" class="dropdown-toggle" href="javascript:void(0)">Language <em class="caret"></em></a>
<div class="dropdown">
<a href="/inquiry.html" hreflang="zh-Hant" lang="zh-Hant">繁體中文</a>
<a href="/cn/inquiry.html" hreflang="zh-Hans" lang="zh-Hans">简体中文</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="/en/about-t-sense.html">About T-SENSE</a><a href="/en/brand-story.html">Brand Story</a><a href="/en/products.html">Products</a><a href="/en/download.html">Download</a><a class="active" href="/en/inquiry.html">Inquiry</a><a href="/en/tsense-contact.html">Contact Us</a><a href="/en/exhibition.html">Exhibition Recaps</a><a href="/en/news.html">Company News</a><a href="/en/tech-resources.html">Technical Resources</a><a href="/en/quality-certification.html">Quality Certifications</a><a href="/inquiry.html" hreflang="zh-Hant" lang="zh-Hant">繁體中文</a><a href="/cn/inquiry.html" hreflang="zh-Hans" lang="zh-Hans">简体中文</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="/en/">Home</a><span class="sep">›</span>
<a href="/en/inquiry.html">Online Inquiry</a><span class="sep">›</span>
<span id="breadcrumb-category">Tool Setter</span>
</div>
</div>
<!-- Main Body Container -->
<main class="container">
<div class="inquiry-header">
<h1>Product Specifications Online Inquiry System</h1>
<p>Please select the product category and specification parameters you are interested in. We will provide you with a customized quote and consultation as soon as possible.</p>
</div>
<!-- 4 大分類頁籤 Category Tabs -->
<div class="category-tabs" id="category-tabs">
<button class="cat-tab-btn active" data-cat="tool-setter">
<img alt="對刀儀" class="cat-tab-icon" height="96" src="/products/T30Z.png?v=1787900996040" width="96"/>
<span>Tool Setter</span>
</button>
<button class="cat-tab-btn" data-cat="counter">
<img alt="計數器" class="cat-tab-icon" height="96" src="/products/MRSP2-7.png?v=1787900996040" width="96"/>
<span>Mold Counter</span>
</button>
<button class="cat-tab-btn" data-cat="position-switch">
<img alt="定位開關" class="cat-tab-icon" height="96" src="/products/BCS-M3.png?v=1787900996040" width="96"/>
<span>Positioning Switch</span>
</button>
<button class="cat-tab-btn" data-cat="linear-bearing">
<img alt="直線軸承" class="cat-tab-icon" height="96" src="/products/guide_set.png?v=1787900996040" width="96"/>
<span>Linear Bearing</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>Tool Setter Specs Selection</span>
<button class="reset-btn" onclick="resetToolSetterSpecs()" type="button">Reset Options</button>
</div>
<!-- 1. 量測方式 -->
<div class="spec-group" data-group-key="measure_mode" data-group-name="Measurement Mode">
<div class="spec-label">Measurement Mode</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="measure_mode" data-val="自動">Automatic</div>
<div class="option-pill" data-group-key="measure_mode" data-val="手動">Manual</div>
</div>
</div>
<!-- 2. 量測方向 -->
<div class="spec-group" data-group-key="direction" data-group-name="Direction">
<div class="spec-label">Direction</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="direction" data-val="單軸">Single Axis</div>
<div class="option-pill" data-group-key="direction" data-val="XY 雙軸">XY Dual Axis</div>
<div class="option-pill" data-group-key="direction" data-val="XYZ 三軸">XYZ Three Axis</div>
</div>
</div>
<!-- 3. 接觸盤面直徑 -->
<div class="spec-group" data-group-key="dia" data-group-name="Contact Plate Diameter">
<div class="spec-label">Contact Plate Diameter</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="Replaceable Contact Plate">
<div class="spec-label">Replaceable Contact Plate</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="replaceable_plate" data-val="可更換盤面">Replaceable</div>
<div class="option-pill" data-group-key="replaceable_plate" data-val="無">None</div>
</div>
</div>
<!-- 4. 軸承型態 -->
<div class="spec-group" data-group-key="bearing" data-group-name="Bearing Type">
<div class="spec-label">Bearing Type <a class="spec-link" href="/en/linear-ball-bearing-vs-linear-plain-bearing-tool-setter.html" target="_blank" title="點擊說明">(About bearing differences)</a></div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="bearing" data-val="鋼珠軸承">Ball Bearing</div>
<div class="option-pill" data-group-key="bearing" data-val="活塞軸承">Piston Bearing</div>
</div>
</div>
<!-- 5. 重複定位精度 -->
<div class="spec-group" data-group-key="accuracy" data-group-name="Repeatability">
<div class="spec-label">Repeatability <a class="spec-link" href="/en/tsense-tool-setter-repeatability.html" target="_blank" title="點擊說明">(About repeatability)</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="Protection Level">
<div class="spec-label">Protection Level <a class="spec-link" href="/en/ip68-certified-tool-setter.html" target="_blank" title="點擊說明">(About waterproof/dustproof certification)</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="Overtravel Protection">
<div class="spec-label">Overtravel Protection <a class="spec-link" href="/en/cnc-tool-setter-overtravel-protection.html" target="_blank" title="點擊說明">(About overtravel protection)</a></div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="overtravel" data-val="有">Yes</div>
<div class="option-pill" data-group-key="overtravel" data-val="無">None</div>
</div>
</div>
<!-- 7. 適用最小刀徑 -->
<div class="spec-group" data-group-key="min_tool_dia" data-group-name="Min Tool Diameter">
<div class="spec-label">Min Tool Diameter <a class="spec-link" href="/en/micro-diameter-tool-setter-test-005mm.html" target="_blank" title="點擊說明">(About min tool diameter)</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="Cable Connector">
<div class="spec-label">Cable Connector <a class="spec-link" href="/en/tsense-tool-setter-cable-connector-ip68.html" target="_blank" title="點擊說明">(About cable connectors)</a></div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="cable_detach" data-val="快拆纜線接頭">Quick Detach</div>
<div class="option-pill" data-group-key="cable_detach" data-val="固定纜線接頭">Fixed Cable</div>
<div class="option-pill" data-group-key="cable_detach" data-val="無">None</div>
</div>
</div>
<!-- 9. 輸出接點型態 -->
<div class="spec-group" data-group-key="output_type" data-group-name="Output Contact Type">
<div class="spec-label">Output Contact Type</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 Indicator Only</div>
</div>
</div>
<!-- 10. 是否需要吹氣裝置 -->
<div class="spec-group" data-group-key="air_blow" data-group-name="Air Blow Device">
<div class="spec-label">Air Blow Device</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="air_blow" data-val="有">With Air Blow</div>
<div class="option-pill" data-group-key="air_blow" data-val="無">No Air Blow</div>
</div>
</div>
<!-- 11. 纜線的金屬保護管 -->
<div class="spec-group" data-group-key="protection_length" data-group-name="Metal Conduit">
<div class="spec-label">Metal Conduit</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="protection_length" data-val="不需要">Not Required</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="Cable Length">
<div class="spec-label">Cable Length</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="cable_length" data-val="不需要">Not Required</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="Product Height">
<div class="spec-label">Product Height</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 / Brand">
<div class="spec-label">LOGO / Brand</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="客制">Customized</div>
</div>
</div>
<!-- 14. 對刀儀型號 -->
<div class="spec-group" data-group-key="model" data-group-name="Tool Setter Model">
<div class="spec-label">Tool Setter Model</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>Special Product Note: </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">➕ Set Quantity and Add to Inquiry</div>
<div class="cart-action-row">
<div class="qty-control">
<label for="tool-setter-qty">Quantity:</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;">(Min. order for custom LOGO is 300 pcs)</span>
</div>
<button class="add-to-cart-btn" onclick="addToolSetterToCart()" type="button">Add to Cart</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>Mold Counter Specs Selection</span>
<button class="reset-btn" onclick="resetCounterSpecs()" type="button">Reset Options</button>
</div>
<!-- 1. 尺寸 -->
<div class="spec-group" data-group-key="size" data-group-name="Size">
<div class="spec-label">Size</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="size" data-val="標準尺寸 47.6 x 38 x 24.4mm">Standard Size 47.6 x 38 x 24.4mm</div>
<div class="option-pill" data-group-key="size" data-val="迷你尺寸 33 x 20 x 16.5mm">Mini Size 33 x 20 x 16.5mm</div>
</div>
</div>
<!-- 2. 方向 -->
<div class="spec-group" data-group-key="direction" data-group-name="Actuating Direction">
<div class="spec-label">Actuating Direction</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="direction" data-val="右">Right</div>
<div class="option-pill" data-group-key="direction" data-val="左">Left</div>
</div>
</div>
<!-- 3. 耐溫等級 -->
<div class="spec-group" data-group-key="temp" data-group-name="Temperature Rating">
<div class="spec-label">Temperature Rating</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 / Brand</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="客制">Customized</div>
</div>
</div>
<!-- 5. 計數器型號 -->
<div class="spec-group" data-group-key="model" data-group-name="Mold Counter Model">
<div class="spec-label">Mold Counter Model</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="model" data-val="MRSP-7">
<img alt="MRSP-7" class="model-pill-img" height="96" src="/products/MRSP2-7.png?v=1787900996040" width="96"/>
<span>MRSP-7</span>
</div>
<div class="option-pill" data-group-key="model" data-val="MRSP2-7">
<img alt="MRSP2-7" class="model-pill-img" height="96" src="/products/MRSP2-7.png?v=1787900996040" width="96"/>
<span>MRSP2-7</span>
</div>
<div class="option-pill" data-group-key="model" data-val="BMCS-7">
<img alt="BMCS-7" class="model-pill-img" height="96" src="/products/BMCS-7.png?v=1787900996040" width="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">➕ Set Quantity and Add to Inquiry</div>
<div class="cart-action-row">
<div class="qty-control">
<label for="counter-qty">Quantity:</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;">(Min. order for custom LOGO is 1000 pcs)</span>
</div>
<button class="add-to-cart-btn" onclick="addCounterToCart()" type="button">Add to Cart</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>Positioning Switch Specs Selection</span>
<button class="reset-btn" onclick="resetPositionSwitchSpecs()" type="button">Reset Options</button>
</div>
<!-- 1. 重複定位精度 -->
<div class="spec-group" data-group-key="accuracy" data-group-name="Repeatability">
<div class="spec-label">Repeatability</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="Outer Diameter">
<div class="spec-label">Outer Diameter</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="Thread">
<div class="spec-label">Thread</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="thread" data-val="無">None</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="Contact Tip / Shape">
<div class="spec-label">Contact Tip / Shape</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="contact_type" data-val="1.2mm/平面">1.2mm/Flat</div>
<div class="option-pill" data-group-key="contact_type" data-val="1.5mm/平面">1.5mm/Flat</div>
<div class="option-pill" data-group-key="contact_type" data-val="3.0mm/鎢剛平面">3.0mm/Tungsten Flat</div>
<div class="option-pill" data-group-key="contact_type" data-val="5.0mm/鎢剛平面">5.0mm/Tungsten Flat</div>
<div class="option-pill" data-group-key="contact_type" data-val="φ1.5mm/球型">φ1.5mm/Spherical</div>
</div>
</div>
<!-- 5. 接觸力 -->
<div class="spec-group" data-group-key="contact_force" data-group-name="Contact Force">
<div class="spec-label">Contact Force</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="Protection Level">
<div class="spec-label">Protection Level</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="Cable Type">
<div class="spec-label">Cable Type</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="cable_type" data-val="耐油絕緣線">Oil-resistant Wire</div>
<div class="option-pill" data-group-key="cable_type" data-val="雙心線">Two-core Wire</div>
</div>
</div>
<!-- 8. 纜線長度 -->
<div class="spec-group" data-group-key="cable_length" data-group-name="Cable Length">
<div class="spec-label">Cable Length</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 Indicator">
<div class="spec-label">LED Indicator</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="led" data-val="有">Yes</div>
<div class="option-pill" data-group-key="led" data-val="無">None</div>
</div>
</div>
<!-- 10. 輸出信號 -->
<div class="spec-group" data-group-key="output_signal" data-group-name="Output Signal">
<div class="spec-label">Output Signal</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="output_signal" data-val="NC（常閉）">NC (Normally Closed)</div>
</div>
</div>
<!-- 11. 定位開關型號 -->
<div class="spec-group" data-group-key="model" data-group-name="Positioning Switch Model">
<div class="spec-label">Positioning Switch Model</div>
<div class="options-wrapper">
<div class="option-pill" data-group-key="model" data-val="BCS-03">
	<img src="/products/BCS-03.png?v=1787901311031" 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=1787901311031" 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=1787901311031" 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=1787901311031" 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=1787901311031" 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=1787901311031" 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=1787901311031" 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=1787901311031" 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=1787901311031" 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=1787901311031" 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=1787901311031" 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=1787901311031" 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=1787901311031" 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=1787901311031" 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=1787901311031" 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=1787901311031" 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">➕ Set Quantity and Add to Inquiry</div>
<div class="cart-action-row">
<div class="qty-control">
<label for="position-switch-qty">Quantity:</label>
<input id="position-switch-qty" min="1" type="number" value="1"/>
</div>
<button class="add-to-cart-btn" onclick="addPositionSwitchToCart()" type="button">Add to Cart</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>Linear Motion Bearing Inquiry</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 alt="直線運動軸承組合 (導柱 + 鋼珠套 + 導套)" height="108" src="/products/guide_set.png?v=1787900996040" 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);" width="108"/>
<div style="font-size: 14px; color: #334155; line-height: 1.7;">
<strong style="color: var(--navy); font-size: 15px;">Precision Linear Motion Bearing Assembly</strong><br/>
		Assembled from <strong>Guide Pillars + Ball Cages + Bushings</strong> assembled with high precision. T-SENSE inherits decades of Japanese OEM craftsmanship, providing high-quality standard parts and custom machining.
	</div>
</div>
<!-- 母公司/工廠歷史背景說明 -->
<div class="bearing-info-box">
<div class="info-title">🏢 T-SENSE OEM Heritage</div>
<ul class="info-list">
<li>🗓️ <strong>Since 1978</strong>manufacturing for Japanese enterprises <strong>Ball Cage</strong> components</li>
<li>🗓️ <strong>Since 1990</strong>manufacturing for Japanese enterprises <strong>Guide Pillars &amp; Bushings</strong> components</li>
<li>⚙️ <strong>Linear Motion Bearings</strong> are precisely assembled from <strong>Guide Pillars + Ball Cages + Bushings</strong> these three key precision components</li>
</ul>
</div>
<div class="bearing-custom-box">
<div class="custom-title">📐 Custom Service &amp; Drawing Estimation</div>
<p class="custom-desc">We provide professional customized manufacturing service. Please send us your design drawing for a precise quote.</p>
<!-- 拖曳上傳圖面區 -->
<div class="spec-group">
<div class="spec-label">Upload Design Drawing <span class="req-tag">Supports PDF, JPG, PNG, DWG, DXF formats</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">Drag file here, or <span class="upload-link">click to browse</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">Quantity:</label>
<input id="bearing-qty" min="1" type="number" value="1"/>
</div>
<button class="add-to-cart-btn" onclick="addLinearBearingToCart()" type="button">Add to Cart</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>⚙️ Standard Ball Cage Configurator</span>
<div style="display: inline-flex; align-items: center; gap: 10px;">
<img alt="鋼珠套" height="108" src="/products/ball_retainer.png?v=1787900996040" 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="鋼珠套 / 鋼珠保持架" width="108"/>
<img alt="鋼珠套附導柱" height="108" src="/products/ball_cage_spindle.png?v=1787900996040" 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="鋼珠套附導柱組件" width="108"/>
</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">Reset Selection</button>
</div>
<p class="custom-desc">If you only need standard ball cages, you can refer to the standard specifications below.</p>
<!-- 適用導柱外徑選擇 (第一步) -->
<div class="spec-group">
<div class="spec-label">1. Select Guide Pillar Outer Diameter <span class="req-tag">Required</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">Ball Diameter <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;">Applicable Sleeve ID: φ12mm</span></div>
<div class="options-wrapper"></div>
</div>
<div class="spec-group" id="ball-cage-group-ball_grade">
<div class="spec-label">Ball Grade</div>
<div class="options-wrapper"></div>
</div>
<div class="spec-group" id="ball-cage-group-ball_source">
<div class="spec-label">Ball Source</div>
<div class="options-wrapper"></div>
</div>
<div class="spec-group" id="ball-cage-group-ball_material">
<div class="spec-label">Ball Material</div>
<div class="options-wrapper"></div>
</div>
<div class="spec-group" id="ball-cage-group-length">
<div class="spec-label">Ball Cage Length (L)</div>
<div class="options-wrapper"></div>
</div>
<div class="spec-group" id="ball-cage-group-material">
<div class="spec-label">Ball Cage Material</div>
<div class="options-wrapper"></div>
</div>
<div class="spec-group" id="ball-cage-group-arrangement">
<div class="spec-label">Ball Arrangement</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">Quantity:</label>
<input id="ball-cage-qty" min="1" type="number" value="1"/>
</div>
<button class="add-to-cart-btn" onclick="addBallCageToCart()" type="button">Add to Cart</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">Product Specifications Inquiry</span>
</div>
<div class="other-product-form">
<!-- 型號選擇 -->
<div class="spec-group">
<div class="spec-label">Select Product Model <span class="req-tag">Required</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">Manually enter other model (Optional)</label>
<input id="input-other-model-custom" oninput="clearOtherModelPills()" placeholder="e.g. customized spec or model not listed above" type="text"/>
</div>
<!-- 數量與加入按鈕 -->
<div class="cart-action-panel">
<div class="cart-action-row">
<div class="qty-control">
<label for="other-product-qty">Quantity:</label>
<input id="other-product-qty" min="1" type="number" value="1"/>
</div>
<button class="add-to-cart-btn" onclick="addOtherProductToCart()" type="button">Add to Cart</button>
</div>
</div>
</div>
</div>
</div>
</div> <!-- left-main-column 結束 -->
<!-- 右側側邊欄：包含客戶聯絡資訊與詢價清單預覽 -->
<div class="right-column-container">
<!-- 客戶聯絡資訊 -->
<div class="contact-card">
<div class="contact-card-title">Contact Information</div>
<div class="form-grid">
<div class="form-field">
<label for="input-company">Company / Institution Name <span class="star">*</span></label>
<input id="input-company" name="company_name" placeholder="Please enter your company or institution name" required="" type="text"/>
</div>
<div class="form-field">
<label for="input-email">Contact 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">Other Contact Info</label>
<input id="input-contact-other" name="contact_other" placeholder="Phone, WhatsApp, Line or 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;">
						Agree to use Cookie to save contact details for next time.
					</label>
</div>
</div>
<!-- 詢價單項目預覽 -->
<div class="cart-summary-card">
<div class="cart-title">
<span>📋 Inquiry Cart Preview</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">Submit Inquiry Form</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>T-sense Technology Co., Ltd.</h3>
<p style="margin: 0 0 10px; color: #fff; font-size: 13.5px;">Challenging More Perfect Possibilities</p>
<p style="margin: 0 0 8px; font-size: 13px;">Phone: <a href="tel:+886277298471" style="color: #aaa;">+886-2-77298471</a></p>
<p style="margin: 0 0 8px; font-size: 13px; color: #aaa;">Fax: +886-2-22235743</p>
<p style="margin: 0; font-size: 13px;">Email: <a href="/cdn-cgi/l/email-protection#e19592848f9284a19592848f9284cc9596cf828e8c" style="color: #aaa;"><span class="__cf_email__" data-cfemail="a4d0d7c1cad7c1e4d0d7c1cad7c189d0d38ac7cbc9">[email&#160;protected]</span></a></p>
</div>
<div>
<h3>Quick Links</h3>
<ul>
<li><a href="/en/about-t-sense.html">About T-SENSE</a></li>
<li><a href="/en/products.html">Product Overview</a></li>
<li><a href="/en/inquiry.html">Online Inquiry System</a></li>
<li><a href="/en/download.html">Technical Downloads</a></li>
<li><a href="/en/tsense-contact.html">Contact Us</a></li>
</ul>
</div>
<div>
<h3>Professional Product Lines</h3>
<ul>
<li><a href="/en/tool-setter-cnc-machines.html">CNC Tool Setters</a></li>
<li><a href="/en/mold-counter.html">Mold Counter Series</a></li>
<li><a href="/en/contact-positioning-switch.html">Precision Contact Positioning Switches</a></li>
<li><a href="/en/built-in-spindle-linear-ball-bearing.html">Precision Linear Ball Bearings</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p style="margin: 0; font-size: 12px; color: #888;">&copy; 2026 T-sense Technology 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 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(`Please select the following mold counter specifications first:\n- ${missingCounterSpecs.join('\n- ')}`);
		return;
	}

	if (!selectedCounterSpecs.model) {
		alert('Please select a mold counter model first');
		return;
	}
	
	const qtyInput = document.getElementById('counter-qty');
	const qty = parseInt(qtyInput.value) || 1;
	
	// 客制 LOGO 起訂量驗證
	if (selectedCounterSpecs.brand === '客制' && qty < 1000) {
		alert('Minimum order quantity for custom LOGO mold counters is 1000 pcs. Adjusted to 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(`Add to Cart: Mold Counter ${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(`Please select the following positioning switch specifications first:\n- ${missingSpecs.join('\n- ')}`);
		return;
	}

	if (!selectedPositionSwitchSpecs.model) {
		alert('Please select a positioning switch model first');
		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(`Add to Cart: Positioning Switch ${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(`Uploaded drawing: ${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('Removed drawing file');
} //end of clearBearingUploadedFile

// 將直線軸承規格加入購物車
function addLinearBearingToCart() {
	if (!uploadedDrawingFile) {
		alert('Please drag & drop or click to upload your design drawing for custom quotation first.');
		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(`Add to Cart: [Linear Bearing] ${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('Please select the guide pillar outer diameter first.');
		return;
	}
	
	const rowData = BALL_CAGE_MATRIX.find(item => item.outer_dia === selectedBallCageOD);
	if (!rowData) return;
	
	const missingSpecs = [];
	const specLabels = {
		ball_dia: 'Ball Diameter',
		ball_grade: 'Ball Grade',
		ball_source: 'Ball Source',
		ball_material: 'Ball Material',
		length: 'Ball Cage Length',
		material: 'Ball Cage Material',
		arrangement: 'Ball Arrangement'
	};
	
	for (let key in selectedBallCageSpecs) {
		if (!selectedBallCageSpecs[key]) {
			missingSpecs.push(specLabels[key]);
		}
	}
	
	if (missingSpecs.length > 0) {
		alert(`Please select the following ball cage specifications:\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(`Add to Cart: [${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 = '4 directions / 4 output signals / Lathe dedicated';
			} else if (currentModel === 'B4A-II-1') {
				desc = '4 directions / 1 output signal / Lathe dedicated';
			} else if (currentModel === 'T4A-1') {
				desc = '4 directions / 1 output signal / Lathe dedicated';
			} else {
				desc = '4 directions / Lathe dedicated';
			}
			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">
				Inquiry cart is empty<br>
				<small>(Please select model and quantity on the left to add)</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">📎 Drawing: ${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="Removed item from inquiry">✕</span>
				</div>
				<div class="cart-item-qty-row">
					<span>Quantity: <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('Removed item from inquiry');
} //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(`Please select the following specifications first:\n- ${missingSpecs.join('\n- ')}`);
		return;
	}

	if (!selectedSpecs.model) {
		alert('Please select a tool setter model first');
		return;
	}
	
	const qtyInput = document.getElementById('tool-setter-qty');
	const qty = parseInt(qtyInput.value) || 1;
	
	// 客制 LOGO 起訂量驗證
	if (selectedSpecs.brand === '客制' && qty < 300) {
		alert('Minimum order quantity for custom LOGO tool setters is 300 pcs. Adjusted to 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(`Add to Cart: Tool Setter ${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('Please select a product model or manually enter a model in the field below');
		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(`Add to Cart: [${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('Your inquiry cart is empty. Please select a product on the left, click "Add to Cart", and then submit.');
		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('Please fill in Company Name and Contact Email.');
		return;
	}

	const turnstileToken = document.querySelector('[name="cf-turnstile-response"]')?.value;
	if (!turnstileToken) {
		alert('Please complete the Cloudflare security verification.');
		return;
	}

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

	// 打包詢價資料
	
	function translateToEnglish(val) {
		if (typeof val === 'string') {
			const dict = {
				"對刀儀": "Tool Setter",
				"計數器": "Mold Counter",
				"定位開關": "Positioning Switch",
				"直線軸承": "Linear Bearing",
				"鋼珠套": "Ball Cage",
				"自動": "Automatic",
				"手動": "Manual",
				"單軸": "Single Axis",
				"雙軸": "Dual Axis",
				"三軸": "Three Axis",
				"XY 雙軸": "XY Dual Axis",
				"XYZ 三軸": "XYZ Three Axis",
				"單方向": "Single Direction",
				"雙方向": "Dual Direction",
				"橫向": "Lateral",
				"車床": "Lathe",
				"四方向": "Four Directions",
				"可更換盤面": "Replaceable Plate",
				"固定式盤面": "Fixed Plate",
				"無": "None",
				"活塞軸承": "Piston Bearing",
				"鋼珠軸承": "Ball Bearing",
				"有": "Yes",
				"常閉": "NC",
				"常開": "NO",
				"常閉（常閉）": "NC (Normally Closed)",
				"常開（常開）": "NO (Normally Open)",
				"常閉(1->0)": "NC",
				"常開(0->1)": "NO",
				"NC(1->0)": "NC",
				"NO(0->1)": "NO",
				"Both NC & NO": "Both NC & NO",
				"僅LED指示燈": "LED Indicator Only",
				"標準尺寸 47.6 x 38 x 24.4mm": "Standard Size 47.6 x 38 x 24.4mm",
				"迷你尺寸 33 x 20 x 16.5mm": "Mini Size 33 x 20 x 16.5mm",
				"右": "Right",
				"左": "Left",
				"客製": "Customized",
				"客制": "Customized",
				"耐油絕緣線": "Oil-resistant Insulated Wire",
				"雙心線": "Two-core Wire",
				"1.2mm/平面": "1.2mm/Flat",
				"1.5mm/平面": "1.5mm/Flat",
				"3.0mm/鎢剛平面": "3.0mm/Tungsten Flat",
				"5.0mm/鎢剛平面": "5.0mm/Tungsten Flat",
				"φ1.5mm/球型": "φ1.5mm/Spherical",
				"φ1mm/平面": "φ1mm/Flat",
				"φ1mm/球面": "φ1mm/Spherical",
				"φ1.3mm/平面": "φ1.3mm/Flat",
				"φ1.3mm/球面": "φ1.3mm/Spherical",
				"φ2mm/平面": "φ2mm/Flat",
				"φ2mm/球面": "φ2mm/Spherical",
				"φ3mm/球面": "φ3mm/Spherical",
				"φ5mm/球面": "φ5mm/Spherical",
				"銅": "Copper/Brass",
				"塑鋼": "POM/Plastic Steel",
				"鋁": "Aluminum",
				"直線": "Straight",
				"螺旋": "Spiral",
				"米字型": "Honeycomb",
				"10級": "Grade 10",
				"5級": "Grade 5",
				"日本": "Japan",
				"台灣": "Taiwan",
				"日本珠": "Japan Balls",
				"SUJ2鉻鋼珠": "SUJ2 Chrome Steel",
				"不鏽鋼": "Stainless Steel",
				"客製化直線運動軸承": "Customized Linear Motion Bearing",
				"不需要": "Not Required",
				"量測方式": "Measurement Mode",
				"量測方向": "Direction",
				"盤面直徑": "Plate Diameter",
				"接觸盤面直徑": "Contact Plate Diameter",
				"更換盤面": "Replaceable Plate",
				"可更換接觸盤面": "Replaceable Contact Plate",
				"軸承型態": "Bearing Type",
				"精度": "Accuracy",
				"重複定位精度": "Repeatability",
				"防護等級": "Protection Level",
				"防水防塵等級": "Protection Level",
				"過行程": "Overtravel",
				"有沒有過行程": "Overtravel Protection",
				"最小刀徑": "Min Tool Diameter",
				"適用最小刀徑": "Min Tool Diameter",
				"纜線拔插": "Cable Detach",
				"纜線是否可以拔插": "Cable Connector",
				"快拆纜線接頭": "Quick Detach",
				"固定纜線接頭": "Fixed Cable",
				"輸出接點": "Output Type",
				"輸出接點型態": "Output Contact Type",
				"吹氣": "Air Blow",
				"是否需要吹氣裝置": "Air Blow Device",
				"有吹氣裝置": "With Air Blow",
				"無吹氣裝置": "No Air Blow",
				"金屬保護管": "Protection Length",
				"纜線的金屬保護管": "Metal Conduit",
				"纜線長度": "Cable Length",
				"品牌": "Brand",
				"LOGO / 品牌": "Brand / Logo",
				"產品高度": "Height",
				"外徑": "Outer Diameter",
				"外徑尺寸": "Outer Diameter",
				"牙規": "Thread",
				"螺牙": "Thread",
				"線材種類": "Cable Type",
				"纜線種類": "Cable Type",
				"觸頭型態": "Contact Type",
				"接觸尺寸/形狀": "Contact Tip / Shape",
				"接觸力": "Contact Force",
				"輸出訊號": "Output Signal",
				"輸出信號": "Output Signal",
				"LED指示燈": "LED Indicator",
				"尺寸": "Size",
				"方向": "Direction",
				"溫度": "Temperature",
				"耐溫等級": "Temperature Rating",
				"導柱外徑": "Guide Pillar Outer Dia",
				"適用導柱外徑": "Guide Pillar Outer Dia",
				"鋼珠直徑": "Ball Diameter",
				"鋼珠等級": "Ball Grade",
				"鋼珠來源": "Ball Source",
				"鋼珠材料": "Ball Material",
				"鋼珠套長度": "Ball Cage Length",
				"鋼珠套長度 (L)": "Ball Cage Length (L)",
				"鋼珠套材料": "Ball Cage Material",
				"鋼珠排列方式": "Ball Arrangement",
				"長度": "Length",
				"材料": "Material",
				"排列方式": "Arrangement"
			};
			if (dict[val] !== undefined) return dict[val];
			if (val.includes(' | ') || val.includes(': ')) {
				return val.split(' | ').map(part => {
					const subParts = part.split(': ');
					if (subParts.length === 2) {
						const key = subParts[0].trim();
						const value = subParts[1].trim();
						return `${dict[key] || key}: ${dict[value] || value}`;
					}
					return part;
				}).join(' | ');
			}
		}
		return val;
	}

	const translatedItems = cartItems.map(item => {
		const newItem = { ...item };
		newItem.category = translateToEnglish(item.category);
		newItem.model = translateToEnglish(item.model);
		newItem.specsText = translateToEnglish(item.specsText);
		if (item.specs) {
			const newSpecs = {};
			for (let key in item.specs) {
				newSpecs[key] = translateToEnglish(item.specs[key]);
			}
			newItem.specs = newSpecs;
		}
		return newItem;
	});

	const inquiryPayload = {
		company_name: companyName,
		email: email,
		contact_other: contactOther,
		items: translatedItems,
		'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>[${translateToEnglish(item.category)}] <strong>${item.model}</strong> x ${item.quantity}</li>`;
			});
			itemsSummary += '</ul>';

			// 顯示成功 Modal 提示
			document.getElementById('modal-msg-text').innerHTML = `
				Inquiry Submitted Successfully!<br>
				${itemsSummary}
				Thank you for your inquiry! We have received your request. Our team will contact you within 24 hours with a quote.
			`;
			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('Failed to send inquiry form. Please check your network connection or contact us directly via email / phone. Error: ' + 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>