/* =============================================================
   玻璃风 · 遗留鲨鱼黄修正
   问题1：:root.skin-shark 把 --m-accent 定成鲨鱼黄 #F5D547，
         底栏选中文字与指示条都引用它，玻璃风下仍是黄色。
   问题2：#sharkAdd「记一笔」全屏面板在 mobile.css 里整块硬编码 #F5D547，
         玻璃风块从未覆盖它，一点开就回到鲨鱼黄。
   方案：仅在 .glass-theme 生效时覆盖，配色沿用玻璃风既有基准：
         背景 linear-gradient(160deg,#e6f3ff,#e0f7fb,#eafcff)
         表面 rgba(255,255,255,.5) + 边框 rgba(255,255,255,.6)
         强调 #6366f1 → #8b5cf6 渐变
   不影响：鲨鱼风（无 glass-theme 完全不生效）、桌面端（>700px 不生效）
   ============================================================= */

@media (max-width:700px){

  /* 选中文字与图标 */
  html.glass-theme .bottom-nav .bot-tab.active{
    color:#6366f1!important;
  }
  html.glass-theme .bottom-nav .bot-tab.active .tab-icon{
    filter:none!important;
  }

  /* 选中指示条：靛蓝渐变 + 柔和光晕（与玻璃风整体配色一致） */
  html.glass-theme .bottom-nav .bot-tab.active::after{
    background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;
    box-shadow:0 2px 8px rgba(99,102,241,.45)!important;
  }

  /* 「记一笔」胶囊：theme.js 已用内联写成靛蓝，这里做 CSS 兜底，
     防止脚本未执行或延迟时闪黄 */
  html.glass-theme .bottom-nav .bot-tab.fab-add,
  html.glass-theme .bottom-nav #botAddBtn{
    background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;
    color:#fff!important;
  }


  /* ============ 记一笔全屏面板 #sharkAdd ============ */
  html.glass-theme #sharkAdd{
    background:linear-gradient(160deg,#e6f3ff 0%,#e0f7fb 50%,#eafcff 100%)!important;
  }
  /* 顶部：毛玻璃（与底栏同一档 blur(18px) saturate(150%)） */
  html.glass-theme #sharkAdd .shk-head{
    background:rgba(255,255,255,.55)!important;
    backdrop-filter:blur(18px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
    border-bottom:1px solid rgba(255,255,255,.6)!important;
  }
  html.glass-theme #sharkAdd .shk-tab{color:#94a3b8!important}
  html.glass-theme #sharkAdd .shk-tab.active{color:#0f172a!important}
  html.glass-theme #sharkAdd .shk-tab.active::after{
    background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;
    width:28px!important;height:3px!important;border-radius:2px!important;
  }
  html.glass-theme #sharkAdd .shk-cancel{color:#6366f1!important;font-weight:700!important}
  /* 主体：透出背景渐变 */
  html.glass-theme #sharkAdd .shk-body{background:transparent!important}
  /* 分类宫格：选中态改靛蓝渐变 */
  html.glass-theme #sharkAdd .shk-cat .ic{
    background:rgba(255,255,255,.65)!important;
    border:1px solid rgba(255,255,255,.7)!important;
  }
  html.glass-theme #sharkAdd .shk-cat .nm{color:#475569!important}
  html.glass-theme #sharkAdd .shk-cat.sel .ic{
    background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;
    color:#fff!important;
    box-shadow:0 4px 12px rgba(99,102,241,.28)!important;
  }
  html.glass-theme #sharkAdd .shk-cat.sel .nm{color:#6366f1!important;font-weight:700!important}
  html.glass-theme #sharkAdd .shk-cat.dim .ic{background:rgba(255,255,255,.45)!important}
  /* 转账/账户行 */
  html.glass-theme #sharkAdd .shk-tflow{background:transparent!important}
  html.glass-theme #sharkAdd .shk-trow{
    background:rgba(255,255,255,.5)!important;
    border:1px solid rgba(255,255,255,.6)!important;
    border-radius:17px!important;
  }
  html.glass-theme #sharkAdd .shk-trow .tag{
    background:rgba(99,102,241,.14)!important;color:#6366f1!important;
  }
  html.glass-theme #sharkAdd .shk-trow.in .tag{
    background:rgba(255,255,255,.6)!important;color:#475569!important;
  }
  html.glass-theme #sharkAdd .shk-trow .acc{color:#0f172a!important}
  html.glass-theme #sharkAdd .shk-trow .arr{color:#94a3b8!important}
  /* 底部：毛玻璃面板 */
  html.glass-theme #sharkAdd .shk-bottom{
    background:rgba(255,255,255,.9)!important;
    backdrop-filter:blur(24px) saturate(160%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(160%)!important;
    border:1px solid rgba(255,255,255,.6)!important;border-bottom:none!important;
    border-radius:20px 20px 0 0!important;
    margin-bottom:0!important;                 /* 贴底，不再露出背景渐变 */
    box-shadow:0 -8px 28px rgba(80,90,140,.12)!important;
  }
  /* 键盘与面板同底色，融为一体；底部留出安全区给 Home 横条 */
  html.glass-theme #sharkAdd .shk-kb{
    background:rgba(255,255,255,.6)!important;
    border-top:1px solid rgba(255,255,255,.7)!important;
    padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;
  }
  html.glass-theme #sharkAdd .shk-key{background:rgba(255,255,255,.6)!important;color:#0f172a!important}
  html.glass-theme #sharkAdd .shk-acc-ic{
    background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;
  }
  html.glass-theme #sharkAdd .shk-acc-name{color:#0f172a!important}
  html.glass-theme #sharkAdd .shk-acc-tag{color:#94a3b8!important;border-color:rgba(99,102,241,.2)!important}
  html.glass-theme #sharkAdd .shk-amt{color:#0f172a!important}
  /* 备注输入框：加一层淡靛蓝描边 + 内阴影，让它在白底面板上看得出边界 */
  html.glass-theme #sharkAdd .shk-remarkrow{padding:6px 16px 12px!important}
  html.glass-theme #sharkAdd .shk-remark{
    background:rgba(255,255,255,.85)!important;
    color:#0f172a!important;
    border:2px solid rgba(99,102,241,.3)!important;
    border-radius:13px!important;
    box-shadow:inset 0 1px 2px rgba(80,90,140,.06),0 1px 0 rgba(255,255,255,.8)!important;
    transition:border-color .18s ease,box-shadow .18s ease!important;
  }
  /* 聚焦时描边变实 + 主色光环 */
  html.glass-theme #sharkAdd .shk-remark:focus{
    border-color:#6366f1!important;
    box-shadow:0 0 0 3px rgba(99,102,241,.14)!important;
    outline:none!important;
  }
  html.glass-theme #sharkAdd .shk-remark::placeholder{color:#94a3b8!important}
  /* 键盘 */
  html.glass-theme #sharkAdd .shk-kb{background:rgba(255,255,255,.45)!important;border-top:1px solid rgba(255,255,255,.6)!important}
  html.glass-theme #sharkAdd .shk-key{background:rgba(255,255,255,.55)!important;color:#0f172a!important}
  html.glass-theme #sharkAdd .shk-key:active{background:rgba(99,102,241,.14)!important}
  html.glass-theme #sharkAdd .shk-key.done{
    background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;
  }
  /* 日期选择浮层 */
  html.glass-theme #sharkAdd .shk-dp-wrap{
    background:rgba(255,255,255,.78)!important;
    backdrop-filter:blur(24px) saturate(160%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(160%)!important;
    border-radius:20px 20px 0 0!important;
  }
  html.glass-theme #sharkAdd .shk-dp-header{border-bottom:1px solid rgba(255,255,255,.6)!important}
  html.glass-theme #sharkAdd .shk-dp-cancel{color:#94a3b8!important}
  html.glass-theme #sharkAdd .shk-dp-confirm{color:#6366f1!important}
  html.glass-theme #sharkAdd .shk-dp-title{color:#0f172a!important}
  html.glass-theme #sharkAdd .shk-dp-item{color:#94a3b8!important}
  html.glass-theme #sharkAdd .shk-dp-item.selected{color:#0f172a!important}
  /* 快捷金额 */
  html.glass-theme #sharkAdd .shk-quick{
    background:rgba(255,255,255,.65)!important;color:#475569!important;
    border:1px solid rgba(99,102,241,.18)!important;
  }
  html.glass-theme #sharkAdd .shk-quick:active{background:#eef2ff!important;color:#6366f1!important}

}