/* 擷取自 儀表板v2/web/style.css（戰情室唯讀轉用） */
/* 📅 今日主流族群即時選股（階段3 方案2）導引面板 */
 .tf-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:2px 0 8px;font-size:13px}
 .tf-mkt b,.tf-head b{color:var(--t-txt,#16202b)}
 .tf-srcwrap{color:var(--t-txt2,#5b6876)}
 .tf-srcbtn{display:inline-block;font-size:12px;padding:2px 9px;margin-left:4px;border:1px solid var(--t-line,#cfd6df);border-radius:14px;background:var(--t-surface,#fff);color:var(--t-txt2,#5b6876);cursor:pointer}
 .tf-srcbtn.on{background:var(--t-down,#2e9e6b);border-color:var(--t-down,#2e9e6b);color:#fff}
 .tf-sec{font-weight:800;color:var(--t-txt,#16202b);font-size:14px;margin:13px 0 7px}
 .tf-rank{display:inline-flex;gap:0;margin-left:8px;vertical-align:middle}   /* 🆕 主流排序切換：中期主流／今日盤中最強 */
 .tf-rkbtn{font-size:12px;font-weight:700;padding:2px 11px;border:1px solid var(--t-line,#cfd6df);background:var(--t-surface,#fff);color:var(--t-txt2,#5b6876);cursor:pointer}
 .tf-rkbtn:first-child{border-radius:14px 0 0 14px} .tf-rkbtn:last-child{border-radius:0 14px 14px 0;border-left:0}
 .tf-rkbtn.on{background:var(--t-up,#d4380d);border-color:var(--t-up,#d4380d);color:#fff}
 .tf-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
 .tf-gcard{border:1px solid var(--t-line,#e4e9f0);border-left:4px solid var(--t-down,#2e9e6b);border-radius:11px;background:var(--t-surface,#fff);padding:10px 13px;cursor:pointer;box-shadow:0 1px 2px rgba(27,38,56,.05);transition:transform .14s,box-shadow .14s}
 .tf-gcard:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(27,38,56,.10)}
 .tf-gcard.on{border-left-color:var(--t-accent,#2f6fed);background:var(--t-surface,#f4f8ff)}
 .tf-gtop{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
 .tf-gtop b{font-size:14.5px}
 .tf-gtag{font-size:12px;font-weight:800;color:var(--t-accent,#2e6fb5)}
 .tf-gmet{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:5px;font-size:12.5px}
 .tf-gm{font-weight:700}
 .tf-glive{font-weight:800;border:1px solid currentColor;border-radius:7px;padding:0 6px}   /* 🆕 族群盤中即時當日%：加框加粗最醒目（每60秒跳動） */
 .tf-dist{margin-top:9px;font-size:12.5px;color:var(--t-gold,#a06000);background:var(--t-surface,#fff8ec);border:1px solid var(--t-gold,#f0e0c0);border-radius:8px;padding:6px 11px}
 .tf-stks{display:flex;flex-direction:column;gap:4px}
 .tf-stk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 11px;border:1px solid var(--t-line,#eef1f4);border-radius:9px;background:var(--t-surface,#fafbfd)}
 .tf-stag{font-size:11.5px;font-weight:800;padding:1px 8px;border-radius:12px;white-space:nowrap}
 .tf-stag.lead{background:var(--t-surface,#fdeeee);color:var(--t-up,#c0392b)}
 .tf-stag.lag{background:var(--t-surface,#eef6ee);color:var(--t-down,#1f8a4c)}
 .tf-name{font-weight:700;cursor:pointer}
 .tf-d1{font-weight:800}
 .tf-stk .wstar{margin-left:auto;cursor:pointer;font-size:16px;color:var(--t-gold,#c9a227)}
 /* 🆕 強勢股列：對齊表格＋可排序＋放大字 */
 .tf-stbl{display:flex;flex-direction:column;gap:3px;font-size:13.5px}
 .tf-sthead,.tf-srow{display:grid;grid-template-columns:minmax(150px,1.6fr) repeat(9,minmax(58px,1fr)) 28px;align-items:center;gap:6px;padding:7px 10px}
 .tf-sthead{font-size:12px;color:var(--t-dim,#8a96a2);font-weight:700;padding:4px 10px;border-bottom:1px solid var(--t-line,#e7edf3)}
 .tf-sh{text-align:right;cursor:pointer;user-select:none;white-space:nowrap}
 .tf-sh:hover{color:var(--t-accent,#2e6fb5)}.tf-sh.on{color:var(--t-accent,#1f4e78);font-weight:800}
 .tf-sthead .tf-snm{text-align:left}
 .tf-srow{border:1px solid var(--t-line,#eef1f4);border-radius:9px;background:var(--t-surface,#fafbfd)}
 .tf-srow:hover{background:var(--t-surface,#f4f7fb)}
 .tf-snm{text-align:left;display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden}
 .tf-snm .tf-name{font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .tf-c{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;color:var(--t-txt2,#46535f)}
 .tf-c.up{color:var(--t-up,#d83a34)}.tf-c.down{color:var(--t-down,#15936b)}.tf-c.flat{color:var(--t-dim2,#9aa6b2)}
 .tf-c.hot{color:var(--t-gold,#b8860b);font-weight:800}
 .tf-srow .wstar{margin-left:0;justify-self:center;cursor:pointer;font-size:16px;color:var(--t-gold,#c9a227)}
 .tf-stag{font-size:14px}