/* 五個版型共用：顏色、字體、外框。版型各自的排版寫在自己的檔案裡。 */
:root{
  color-scheme:light;
  --bg:#f4f5f7; --card:#fff; --ink:#14171c; --ink2:#3d434d; --mute:#5f6670; --line:#e3e6eb; --row:#f8f9fb; --chip:#eef0f4;
  --accent:#2563eb;
  /* 三個價位：便宜＝藍綠、中間＝深色、昂貴＝琥珀（不用紅綠，避免跟漲跌搞混） */
  --cheap:#0f766e; --cheap-bg:#e6f4f2;
  --mid:#14171c;   --mid-bg:#eef0f4;
  --high:#b45309;  --high-bg:#fdf1e3;
  /* 漲跌：台灣習慣 紅漲 綠跌 */
  --up:#d1293d; --down:#138a4b; --flat:#6b7280;
  --warn:#c0264b; --warn-bg:#fdecef;
  --radius:14px;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
}
*{box-sizing:border-box}
html{overflow-y:scroll;scrollbar-gutter:stable;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC",sans-serif;font-size:15px;line-height:1.45}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
button{font-family:inherit}

/* 模擬站外框（仿正式站頂部列，手機改底部選單） */
.mk-top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.5) blur(10px);border-bottom:1px solid var(--line)}
.mk-top .in{max-width:1120px;margin:0 auto;padding:0 16px;height:54px;display:flex;align-items:center;gap:18px}
.mk-brand{font-weight:700;font-size:15.5px;white-space:nowrap}
.mk-brand b{color:var(--accent)}
.mk-nav{display:flex;gap:4px}
.mk-nav span{padding:7px 12px;border-radius:9px;font-size:14px;color:var(--mute);white-space:nowrap}
.mk-nav span.on{background:var(--chip);color:var(--ink);font-weight:600}
.mk-bar{background:#1e293b;color:#fff;font-size:12.5px}
.mk-bar .in{max-width:1120px;margin:0 auto;padding:7px 16px;display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.mk-bar .in::-webkit-scrollbar{display:none}
.mk-bar a,.mk-bar .tag{flex:none}
.mk-bar a{color:#fff;text-decoration:none;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.12)}
.mk-bar a.on{background:#fff;color:#1e293b;font-weight:700}
.mk-bar .tag{opacity:.75}
.mk-tab{display:none}
@media (max-width:860px){
  .mk-nav{display:none}
  .mk-top{backdrop-filter:none;background:#fff}
  .mk-tab{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .mk-tab span{flex:1;text-align:center;font-size:11.5px;color:var(--mute);padding:4px 0}
  .mk-tab span.on{color:var(--accent);font-weight:700}
  body{padding-bottom:64px}
}
.wrap{max-width:1120px;margin:0 auto;padding:20px 16px 48px}

/* 共用小元件 */
.p-cheap{color:var(--cheap)} .p-mid{color:var(--mid)} .p-high{color:var(--high)}
.t-up{color:var(--up)} .t-down{color:var(--down)} .t-flat,.t-none{color:var(--flat)}
.conf{display:inline-block;font-size:11.5px;padding:1px 7px;border-radius:999px;background:var(--chip);color:var(--mute);white-space:nowrap}
.conf.低{background:var(--warn-bg);color:var(--warn)}