📊 產業分析 4 產業 · 40 檔

① 為什麼這樣排版

• 混合式（產業分組 + 表格）：排名本質是密集數據比較，表格資訊密度最高。每個產業可折疊，避免一次 40 列把頁面拉爆。
• 桌機表格 / 手機卡片：同一份 DOM，靠 CSS 在 ≤680px 自動 reflow 成卡片，手機不用左右捲。
• 排名可切換：EPS / PER / KD / 漲跌% 即時重排，排名號碼跟著你選的指標走。純前端、零後端負擔。

② KD 顏色的雷（重要）

• 台股是「紅漲綠跌」。若 KD 超買也用紅、超賣用綠，會跟漲跌色撞色誤導。
• 本原型 KD 改用橘（超買=注意）與青（超賣=機會），並附「超買/超賣」文字徽章，不靠單一顏色傳達。
• 招牌元件是 KD 迷你儀表：一條 0–100 軌道，左 20% 青／右 20% 橘為超賣/超買帶，K（藍）D（灰）兩點直接看出位置與交叉。

③ 後端 / 資料面建議

• KD 免裝套件：現有 collect_data.py 抓 Yahoo 時 range=1mo 已存整月 OHLC，20 行即可自算 9 日 KD，省一個依賴、省 40 次 API。
• 產業分類用靜態 config：40 檔已手動分好組，寫死成 SECTORS={} 最穩、可重現，runtime 不必跑 twstock。
• 並行抓股價：目前 16 檔是序列 for 迴圈，加到 56 檔會慢且易觸發 Yahoo 429。改 ThreadPoolExecutor（連既有 16 檔一起提速）。
• EPS/PER 做快取：基本面季更非日更，獨立 sector_cache.json、過期才抓，別每天 08:00 硬打。
• 驗證改軟門檻：現行「任一失敗→不部署」若套到 40 檔，一檔冷門股缺資料就會擋掉整個首頁。產業 tab 建議覆蓋率 ≥80% 即放行，缺的顯示「—」。
• 混血股：清單裡 奇景 HIMX 是美股 ADR 非 .TW，twstock/FinMind 查不到，建議特例走 yfinance 或換純台股。

④ 可考慮的現成資源（README 套件僅參考，可替換）

參考來源：FinMind（github.com/FinMind/FinMind）、technicalindicators（JS，若改前端算 KD 可用）、TradingView lightweight-charts。