/* ==========================================================================
   币安主题 —— 只给「加密相关」的页面用
   ==========================================================================
   用法：在页面里 subpage.css 之后引入
       <link rel="stylesheet" href="../assets/subpage.css" />
       <link rel="stylesheet" href="../assets/crypto-theme.css" />

   适用范围（2026-10 定的规则）：
     用   ledger/          收支账本
     用   （以后）空投日历、行情看板等加密工具
     不用 index.html       首页
     不用 ziwei/           紫微斗数（传统文化主题，配币安黄不搭）
     不用 neon-tetris/     游戏
     不用 mengyu/          小程序落地页
     不用 apps.html        App 列表

   两套主题的区别只在色值，结构完全一样 —— 因为都从 subpage.css 继承。
   想加新的加密页面，引这个文件就自动是币安配色，不要在页面里重写色值。
   ========================================================================== */

/* ================= 币安配色 ================= */
:root {
  --bg:           #181A20;   /* 币安深底 */
  --card:         #1E2329;   /* 卡片 */
  --card-strong:  #2B3139;
  --card-border:  #2B3139;   /* 边框 */
  --mint:         #0ECB81;   /* 涨绿 —— 收入 */
  --leaf:         #0ECB81;
  --sky:          #F0B90B;
  --teal:         #F0B90B;   /* 币安黄 —— 主强调色 */
  --text:         #848E9C;   /* 次要文字 */
  --text-strong:  #EAECEF;   /* 主要文字 */
  --btn:          #F0B90B;   /* 主按钮 = 币安黄 */
  --btnText:      #181A20;   /* 黄底上必须用深色字 */
  --btn2:         rgba(240,185,11,.12);
  --btn2Border:   rgba(240,185,11,.32);
  --bnb-red:      #F6465D;   /* 跌红 —— 支出 */
  --bnb-line:     #2B3139;
}

body { background: #181A20; }
body::before { background: radial-gradient(ellipse at 50% -10%, rgba(240,185,11,.07), transparent 60%); }

/* 表格与分隔线 */
.rec { border-bottom-color: rgba(43,49,57,.85); }
.drow.on { background: rgba(240,185,11,.10); border-left-color: #F0B90B; }
.drow.on .dr-age { color: #F0B90B; }
.month-head { background: rgba(43,49,57,.55); border-bottom-color: #2B3139; }
.mchip.on, .ychip.on { background: #F0B90B; color: #181A20; }

/* 收入 / 支出 的绿红 */
.out .bar > i { background: var(--bnb-red); }
.in  .bar > i { background: var(--mint); }
.mh-sum .out { color: var(--bnb-red); }
.mh-sum .net.neg { color: var(--bnb-red); }
.rec.out .a { color: var(--bnb-red); }
.rec .x:hover { color: var(--bnb-red); }
.bs-item.net.neg .v { color: var(--bnb-red); }
.seg button.on[data-d="out"] { background: rgba(246,70,93,.20); color: var(--bnb-red); }
.seg button.on[data-d="in"]  { background: rgba(14,203,129,.20); color: var(--mint); }

/* 下拉与输入 */
.fld input, .fld select, .fld textarea,
.filters select, .year-sel {
  background: #2B3139; border-color: #474D57; color: var(--text-strong);
}
.fld select option, .filters select option, .year-sel option { background: #2B3139; }
.fld input:focus, .fld select:focus, .fld textarea:focus { border-color: #F0B90B; }
.year-sel { background: #2B3139; }
.mchip, .ychip { background: #2B3139; border-color: #474D57; color: #EAECEF; }

/* 滚轮 */
.wheel { background: #1E2329; border-color: #2B3139; }
.wmask { background: rgba(240,185,11,.10); border-color: rgba(240,185,11,.45); }

/* 页头 */
header { background: rgba(24,26,32,.92); border-bottom-color: #2B3139; }