/* ============================================================
   彼岸拼圖 / EquityMosaic — 設計系統 Token（單一色彩來源）
   色板取自站點現有高頻色，全站統一切換隻需改這裏
   版本：v1.0 · 2026-09-19
   ============================================================ */
:root{
  /* —— 品牌色 —— */
  --brand-gold:#D4A800;          /* 主強調色（金） */
  --brand-gold-strong:#E8B800;   /* 高亮 / 漸變起點 */
  --brand-gold-deep:#A88400;     /* 深一檔 / hover */
  --brand-gold-dark:#8A6D00;     /* 最深 / active */
  --brand-gold-rgb:212,168,0;

  --ink:#1A2332;                 /* 主文字 / 深色底 */
  --ink-deep:#0A1628;            /* 最深底色 */
  --navy:#1A2332;
  --navy-soft:#1E3A5F;
  --navy-soft-rgb:30,58,95;

  --slate:#5A6A80;               /* 次文字 / 輔助塊 */
  --slate-deep:#3A4A60;
  --slate-mid:#8A9AAE;
  --slate-light:#7A8A9E;
  --slate-lighter:#9AABBF;

  --blue:#1E56A0;  --blue-rgb:30,80,180;
  --violet:#6D28D9; --violet-rgb:124,77,255;

  /* —— 語義色 —— */
  --up:#4CAF50;   --up-rgb:76,175,80;      /* 上漲 / 正向 */
  --down:#F44336; --down-rgb:244,67,54;    /* 下跌 / 負向 */
  --warn:#E5A020;

  /* —— 背景 & 描邊 —— */
  --bg-page:#FAFCFF;
  --bg-soft:#F8FAFF;
  --bg-tint:#F0F5FF;
  --bg-muted:#E8F0FE;
  --bg-card:#FFFFFF;
  --border:#DDE3EC;
  --border-soft:#EEF2F8;
  --border-strong:#E8EDF5;

  /* —— 間距 —— */
  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;

  /* —— 圓角 —— */
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px;
  --radius-xl:20px; --radius-2xl:28px; --radius-full:999px;

  /* —— 陰影（基於品牌深色 #1A2332） —— */
  --shadow-xs:0 1px 2px rgba(26,35,50,.06);
  --shadow-sm:0 1px 3px rgba(26,35,50,.08),0 1px 2px rgba(26,35,50,.04);
  --shadow-md:0 4px 10px rgba(26,35,50,.08),0 2px 4px rgba(26,35,50,.04);
  --shadow-lg:0 12px 28px rgba(26,35,50,.10),0 4px 10px rgba(26,35,50,.04);
  --shadow-xl:0 28px 56px rgba(26,35,50,.14),0 10px 20px rgba(26,35,50,.06);

  /* —— 字體 —— */
  --font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Inter','Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;
  --font-display:'Space Grotesk','IBM Plex Sans',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;
  --font-mono:'IBM Plex Mono',SFMono-Regular,Consolas,'Liberation Mono',monospace;
  --font-cjk:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;

  /* —— 動效 —— */
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --ease-in-out:cubic-bezier(.4,0,.2,1);
  --dur-fast:140ms; --dur-base:240ms; --dur-slow:320ms;
}

/* 品牌漸變（Logo / Hero 面板複用） */
:root{
  --grad-gold:linear-gradient(135deg,#E8B800 0%,#D4A800 100%);
  --grad-navy:linear-gradient(135deg,#1E2A44 0%,#0A1628 100%);
}

/* ============================================================
   組件：品牌標尺寸 & 移動端導航（v1.1 · 2026-09-19）
   ============================================================ */
.logo-mark{ width:34px; height:34px; vertical-align:-8px; margin-right:9px; display:inline-block; }
.logo-mark-lg{ width:46px; height:46px; vertical-align:-11px; margin-right:11px; }

@media (max-width:600px){
  .logo-mark{ width:26px; height:26px; vertical-align:-5px; margin-right:6px; }
  .logo-mark-lg{ width:34px; height:34px; vertical-align:-7px; margin-right:8px; }
  /* 移動端導航：兩行——第一行 品牌/語言/賬號，第二行 四個導航鏈接鋪滿 */
  .nav{ flex-wrap:wrap; row-gap:6px; }
  .nav-logo{ font-size:19px; }
  .nav-right{ flex:1 1 auto; flex-wrap:wrap; justify-content:flex-end; gap:10px; row-gap:6px; margin:0 0 0 auto; }
  .nav-user .u-email, .nav-user .u-plan{ display:none; }   /* 窄屏收起郵箱與套餐標籤 */
  .nav-user{ padding:4px 8px 4px 5px; }
  .nav-links{ order:3; width:100%; justify-content:space-between; gap:0; margin-top:4px; }
  .nav-links a{ font-size:13px; }
}
}