/* Zaka 主题补丁:涨跌配色(红涨绿跌) */
@charset "utf-8";
.hero-pnl .up[data-v-c1e9378b]{color:#ff5b6e!important}
.hero-pnl .down[data-v-c1e9378b]{color:#14c784!important}
.is-up[data-v-26e3a787]{color:#ff5b6e!important}
.is-down[data-v-26e3a787]{color:#14c784!important}
.contract-page[data-v-c38cf6bb]{--page-bg:#06080d!important;--panel-bg:#11151d!important;--panel-soft:#171c26!important;--line:#ffffff14!important;--text-main:#f4f7fb!important;--text-soft:#8b96a7!important;--up:#ff5b6e!important;--down:#14c784!important;background:radial-gradient(circle at top right, #1daefe24, transparent 32%), linear-gradient(180deg, #0b0e14 0%, var(--page-bg) 100%)!important;min-height:100vh!important;color:var(--text-main)!important;padding:12px 12px 28px!important}
.trade-action.is-up[data-v-c38cf6bb]{color:#fff!important;background:linear-gradient(#ff7183 0%,#e13a52 100%)!important}
.trade-action.is-down[data-v-c38cf6bb]{color:#fff!important;background:linear-gradient(#2ad39a 0%,#12a874 100%)!important}
.danger-button[data-v-c38cf6bb]{color:#fff!important;background:linear-gradient(#f06172 0%,#d93e51 100%)!important}
.badge.is-up[data-v-c38cf6bb]{background:#ff5b6e29!important}
.badge.is-down[data-v-c38cf6bb]{background:#14c78429!important}
.is-up.change-pill[data-v-2eb38f81],.is-up.change-button[data-v-2eb38f81]{color:#fff!important;background:#ff5b6e!important}
.is-down.change-pill[data-v-2eb38f81],.is-down.change-button[data-v-2eb38f81]{color:#fff!important;background:#14c784!important}
.tag-up[data-v-d1aaa5bc]{background:#ff5b6e!important}
.tag-down[data-v-d1aaa5bc]{background:#14c784!important}
.action-btn.is-up[data-v-acc67389]{color:#fff!important;background:#ff5b6e!important}
.action-btn.is-down[data-v-acc67389]{color:#fff!important;background:#14c784!important}
.history-row strong.is-up[data-v-acc67389]{color:#ff5b6e!important}
.history-row strong.is-down[data-v-acc67389]{color:#14c784!important}
.order-row strong.is-up[data-v-7bfaf50c]{color:#ff5b6e!important}
.order-row strong.is-down[data-v-7bfaf50c]{color:#14c784!important}
.is-up.change-pill[data-v-4f0c664a]{background:#ff5b6e!important}
.is-down.change-pill[data-v-4f0c664a]{background:#14c784!important}
.is-up.market-row__price[data-v-4f0c664a]{color:#ff5b6e!important}
.is-down.market-row__price[data-v-4f0c664a]{color:#14c784!important}

/* ===== 2026-10-02 背景:按客户提供的深色终端参考图,把纯黑平铺换成深灰黑分层质感 ===== */
:root{
  --zkb-top:#191e26;
  --zkb-bot:#0d1015;
  --zkb-panel:#151a22;
  --zkb-panel2:#12171e;
  --zkb-line:rgba(255,255,255,.075);
  --zkb-line2:rgba(255,255,255,.045);
}
html,body{background:#0d1015!important}
#app{background:transparent!important}

/* 交易终端 / 首页 / 行情:深灰黑渐变底(不再是纯黑) */
.currency-page,.contract-page,.market-page,.home-page,.options-page,.seconds-page,.financial-page{
  background:linear-gradient(180deg,var(--zkb-top) 0%,var(--zkb-bot) 62%,var(--zkb-bot) 100%)!important;
  background-attachment:fixed!important;
}
.currency-page .currency-topbar{
  background:linear-gradient(180deg,rgba(25,30,38,.96) 0%,rgba(19,23,30,.92) 100%)!important;
  border-bottom:1px solid var(--zkb-line2)!important;
  backdrop-filter:saturate(140%) blur(8px);
}

/* 手机端现货页三块面板:加面层和细描边,和参考图一样分区 */
.currency-page .form-panel,.currency-page .depth-panel,.currency-page .lower-panel{
  background:linear-gradient(180deg,var(--zkb-panel) 0%,var(--zkb-panel2) 100%)!important;
  border:1px solid var(--zkb-line)!important;
  border-radius:12px!important;
}
.currency-page .depth-head,.currency-page .lower-tabs,.currency-page .table-head,.currency-page .orders-head{
  background:rgba(255,255,255,.028)!important;
  border-bottom:1px solid var(--zkb-line2)!important;
}
.currency-page .field,.currency-page .readonly-field,.currency-page .mode-switch,.currency-page .side-switch{
  background:rgba(255,255,255,.035)!important;
  border:1px solid var(--zkb-line2)!important;
}
.currency-page .depth-row i{opacity:.55}
.currency-page .lower-panel .order-row,.currency-page .lower-panel .asset-row{border-bottom:1px solid var(--zkb-line2)!important}

/* 首页/行情 卡片同款面层 */
.home-page .card,.market-page .market-row,.market-page .pair-row{
  background:linear-gradient(180deg,var(--zkb-panel) 0%,var(--zkb-panel2) 100%)!important;
  border:1px solid var(--zkb-line2)!important;
}
@media (max-width:768px){
  .currency-page .form-panel,.currency-page .depth-panel,.currency-page .lower-panel{border-radius:10px!important}
}

/* ===== ZK DARK BASE (2026-10-03) 全站深色基线:消灭漏白 ===== */
/* 1) 原生 UI 全部深色:滚动条 / 下拉列表 / 日期选择 / 自动填充 */
html{color-scheme:dark!important}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#0d1015}
::-webkit-scrollbar-thumb{background:#2b3440;border:2px solid #0d1015;border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:#3b4756}
::-webkit-scrollbar-corner{background:#0d1015}
*{scrollbar-color:#2b3440 #0d1015;scrollbar-width:thin}
select,option,optgroup{background-color:#151a22!important;color:#e9eef6!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #151a22 inset!important;
  -webkit-text-fill-color:#e9eef6!important;caret-color:#1daefe}

/* 2) 压掉 Vant 主题里硬编码的浅色变量(登录/注册表单白底的根因) */
html:root{
  --van-background:#0d1015!important;
  --van-cell-background:rgba(255,255,255,.045)!important;
  --van-cell-background-color:rgba(255,255,255,.045)!important;
  --van-cell-group-background:transparent!important;
  --van-cell-group-inset-background:rgba(255,255,255,.045)!important;
  --van-popup-background:#151a22!important;
  --van-dialog-background:#151a22!important;
  --van-toast-background:rgba(22,27,35,.95)!important;
  --van-nav-bar-background:#151a22!important;
  --van-tabs-nav-background:transparent!important;
  --van-picker-background:#151a22!important;
  --van-dropdown-menu-background:#151a22!important;
  --van-action-sheet-background:#151a22!important;
  --van-search-background:#151a22!important;
  --van-search-content-background:#1b212b!important;
  --van-slider-inactive-background:rgba(255,255,255,.14)!important;
  --van-slider-button-background:#ffffff!important;
  --van-skeleton-background:#151a22!important;
  --van-notice-bar-background:#151a22!important;
  --van-button-default-background:#151a22!important;
  --van-button-default-border-color:rgba(255,255,255,.12)!important;
}
/* 兜底:即使变量没被引用,这几类容器也直接压深色 */
.van-cell-group,.van-cell-group--inset,.van-cell,.van-field{background-color:transparent!important}
.van-cell-group--inset{background-color:rgba(255,255,255,.045)!important}
.van-field__control{background-color:transparent!important}
.van-field__control::placeholder{color:#66707e!important}
.van-cell:after,.van-field:after{border-color:rgba(255,255,255,.08)!important}
.van-overlay{background-color:rgba(0,0,0,.72)!important}
.van-popup,.van-dialog,.van-toast,.van-picker,.van-dropdown-menu,.van-action-sheet,.van-nav-bar{background-color:#151a22!important}
.van-tabbar,.van-tabbar-item{background-color:#0d1015!important}
.van-empty__description,.van-empty__bottom{color:#8b96a7!important}

/* 3) 现货/合约页百分比滑块(range):原生轨道是浅色,统一深色 */
input[type=range]{color-scheme:dark}
input[type=range].slider-input{-webkit-appearance:none;appearance:none;background:transparent!important;height:22px}
input[type=range].slider-input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:rgba(255,255,255,.14)}
input[type=range].slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:#1daefe;box-shadow:0 0 0 3px rgba(29,174,254,.16)}
input[type=range].slider-input::-moz-range-track{height:4px;border-radius:2px;background:rgba(255,255,255,.14)}
input[type=range].slider-input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#1daefe}

/* 4) 其它原生面 */
iframe{border:0;background:#0d1015}
::selection{background:rgba(29,174,254,.35);color:#fff}
/* ===== ZK DARK BASE END ===== */