/* index 页 Kiosk Dark Theme
 * 开关：#app.dark-kiosk（isKioskMode && openTable.darkTheme && !isMobile）
 * 默认亮色仍在 index.css；本文件仅暗色覆盖
 */

/* ---------- 主界面兜底黑（保留背景图） ---------- */
#app.dark-kiosk .ftco-cover.kiosk-mode {
  background-color: #000;
}

#app.dark-kiosk .kiosk-footer-warp {
  background: #000;
  box-shadow: 0 -0.08rem 0.4rem rgba(255, 255, 255, 0.08);
}

/* ---------- 点餐按钮：黑底白边白字 ---------- */
#app.dark-kiosk .kiosk-order-btn {
  background: #000;
  border: 0.02rem solid #fff;
  color: #fff;
  box-shadow: 0 0.1rem 0.3rem rgba(255, 255, 255, 0.12);
}

#app.dark-kiosk .kiosk-order-btn:hover {
  filter: brightness(1.15);
  box-shadow: 0 0.16rem 0.5rem rgba(255, 255, 255, 0.18);
}

#app.dark-kiosk .kiosk-order-btn.disabledBtn {
  opacity: 0.55;
}

/* 点餐按钮旁手指指引：暗色用白色手指图 */
#app.dark-kiosk .kiosk-order-btn::after {
  background-image: url("../static/img/newImage/finger-white.jpg");
}

#app.dark-kiosk .kiosk-loading-spinner {
  border-color: rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
}

/* ---------- 功能按钮区 ---------- */
#app.dark-kiosk .kiosk-action-item:active {
  background: rgba(255, 255, 255, 0.12);
}

#app.dark-kiosk .kiosk-action-item:active .kiosk-action-text {
  color: #fff;
}

#app.dark-kiosk .kiosk-action-item--language-only:active .kiosk-action-text {
  color: #fff;
}

#app.dark-kiosk .kiosk-action-text {
  color: #ccc;
}

#app.dark-kiosk .kiosk-action-item--single .kiosk-action-text {
  color: #fff;
}

#app.dark-kiosk .kiosk-action-item--language-only .kiosk-action-text {
  color: #ddd;
}

/* 切换语言右侧箭头：完整重写边框，避免亮色 shorthand 因 --styleColor 非法导致 width=0 */
#app.dark-kiosk .kiosk-action-arrow::before {
  border-top: 0.04rem solid #fff !important;
  border-right: 0.04rem solid #fff !important;
  border-bottom: none !important;
  border-left: none !important;
}

/* ---------- 脚注 ---------- */
#app.dark-kiosk .kiosk-footnote {
  border-top-color: rgba(255, 255, 255, 0.18);
}

#app.dark-kiosk .kiosk-footnote-left p {
  color: #aaa;
}

#app.dark-kiosk .kiosk-footnote .kiosk-powered-by {
  color: #999;
}

#app.dark-kiosk .kiosk-footnote .kiosk-powered-by:active {
  background: rgba(255, 255, 255, 0.08);
}

/* ---------- Kiosk 语言选择弹窗 ---------- */
#app.dark-kiosk .kiosk-lan-dialog {
  background-color: #000;
  color: #fff;
  border: 0.02rem solid #fff;
}

#app.dark-kiosk .kiosk-lan-title {
  color: #fff;
}

#app.dark-kiosk .kiosk-lan-option {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.25);
  background: transparent;
}

#app.dark-kiosk .kiosk-lan-option:hover {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.06);
}

#app.dark-kiosk .kiosk-lan-option.active {
  border-color: #fff;
  background: #000;
  color: #fff;
}

/* ---------- 堂食/外卖选择（kiosk 可达） ---------- */
#app.dark-kiosk .dining-style-modal .modal-container {
  background-color: #000;
  color: #fff;
  border: 0.02rem solid #fff;
  opacity: 1;
  box-shadow: 0 0.3rem 0.6rem rgba(255, 255, 255, 0.12);
}

#app.dark-kiosk .dining-style label .radio-wrap p {
  color: #fff;
}

#app.dark-kiosk .dining-style label.disabled {
  opacity: 0.45;
}

/* ---------- body 层：接口提示弹窗 ---------- */
/* layer.msg 轻提示（开台失败 / 业务校验等） */
#app.dark-kiosk ~ .layui-layer-msg {
  border: 0.02rem solid #fff;
  border-radius: 0.2rem;
  background-color: #000;
  color: #fff;
}

/* 店铺超时/关闭 */
#app.dark-kiosk ~ .timeOutPrompt-Pop {
  border: 0.02rem solid #fff;
  border-radius: 0.2rem;
  background-color: #000 !important;
  color: #fff;
}

/* 通用 confirm / baseLayer（会员邀请确认等 kiosk 偶发路径） */
#app.dark-kiosk ~ .baseLayer {
  border: 0.02rem solid #fff;
  background-color: #000;
  color: #fff;
  box-shadow: 0 0.2rem 0.6rem rgba(255, 255, 255, 0.12);
}

/* 正文：盖住亮色默认深字 */
#app.dark-kiosk ~ .baseLayer .layui-layer-content {
  background: transparent !important;
  color: #f5f5f5 !important;
  border: none !important;
}

/*
 * 按钮色：#app ID 特异性已压过
 * body .layui-layer-btn .layui-layer-btn0/1
 * body .layer-btn-cancel-first .layui-layer-btn .layui-layer-btn0/1
 * 布局仍由 inviteLoginKiosk 亮色规则负责
 */
#app.dark-kiosk ~ .baseLayer .layui-layer-btn a {
  background-color: #000 !important;
  border: 0.02rem solid #fff !important;
  color: #fff !important;
  box-shadow: none !important;
}

#app.dark-kiosk ~ .defaultLayer {
  border: 0.02rem solid #fff !important;
  background-color: #000;
  color: #fff;
}

#app.dark-kiosk ~ .defaultLayer .layui-layer-title {
  color: #fff;
}

#app.dark-kiosk ~ .defaultLayer .layui-layer-content {
  background: transparent !important;
  color: #f5f5f5 !important;
}

#app.dark-kiosk ~ .defaultLayer .layui-layer-btn a {
  background-color: #000 !important;
  border-color: #fff !important;
  color: #fff !important;
}

/* ==========================================================================
 *  分界线：以下全部为「清机模块 / 八达通管理」Kiosk Dark Theme 兼容
 *  范围：octSettle / octBalance / 数字键盘 / WiFi / 电源 / About / 交易列表 / 清机结果
 *  挂载：octSettle/octBalance 的 layer 壳在 #app 内（contype=object）→ 用 #app.dark-kiosk .xxx
 *        body 层独立挂载（layer.msg / baseLayer / 独立 overlay）仍用 #app.dark-kiosk ~ .xxx
 *  说明：与上方 index 首页主界面暗色规则分离；勿写回 page/darkTheme.css
 * ========================================================================== */

/* ---------- [清机] 弹窗外壳 ---------- */
#app.dark-kiosk .octSettleLayer {
  background: #000 !important;
  border: 0.02rem solid #fff !important;
  box-shadow: 0 0.2rem 0.6rem rgba(255, 255, 255, 0.12) !important;
}

#app.dark-kiosk .octSettleLayer .oct-settle-dia {
  background: #000;
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-settle-header {
  background: #000;
  border-bottom: 0.02rem solid #fff;
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-settle-title,
#app.dark-kiosk .octSettleLayer .oct-settle-close,
#app.dark-kiosk .octSettleLayer .oct-header-back-btn,
#app.dark-kiosk .octSettleLayer .oct-header-back-icon {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-settle-footer {
  border-top-color: rgba(255, 255, 255, 0.2);
}

#app.dark-kiosk .octSettleLayer .oct-settle-btn {
  background: #000;
  border: 0.02rem solid #fff;
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-settle-ready-text {
  color: #ccc;
}

#app.dark-kiosk .octSettleLayer .oct-settle-data {
  background: #111;
}

#app.dark-kiosk .octSettleLayer .oct-settle-data-item {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

#app.dark-kiosk .octSettleLayer .oct-settle-data-label {
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .oct-settle-data-value {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-settle-error {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), #000);
  color: #ff6b6b;
}

/* ---------- [清机] 操作入口卡片（选中/未选） ---------- */
#app.dark-kiosk .octSettleLayer .oct-action-option {
  background: #000;
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: none;
}

#app.dark-kiosk .octSettleLayer .oct-action-option.active {
  border-color: #fff;
  background: #1a1a1a;
  box-shadow: 0 0 0 0.05rem #fff;
}

#app.dark-kiosk .octSettleLayer .oct-action-label {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-action-option.active .oct-action-label {
  color: #fff;
}

/* ready 文案/图标 */
#app.dark-kiosk .octSettleLayer .oct-settle-ready-text {
  color: #ccc;
}

#app.dark-kiosk .octSettleLayer .oct-settle-ready-icon {
  background: #111;
  border: 0.02rem solid #fff;
  color: #fff;
}

/* ---------- [清机] 统一 tip ---------- */
#app.dark-kiosk .octSettleLayer .oct-unified-tip.tip-success {
  background: linear-gradient(to bottom, rgba(20, 40, 20, 0.95), #0a1a0a);
  border-color: #52c41a;
  color: #95de64;
}

#app.dark-kiosk .octSettleLayer .oct-unified-tip.tip-warning {
  background: linear-gradient(to bottom, rgba(40, 30, 10, 0.95), #1a1408);
  border-color: #faad14;
  color: #ffd666;
}

#app.dark-kiosk .octSettleLayer .oct-unified-tip.tip-error {
  background: linear-gradient(to bottom, rgba(40, 15, 15, 0.95), #1a0808);
  border-color: #ff7875;
  color: #ff7875;
}

#app.dark-kiosk .octSettleLayer .oct-unified-tip.tip-loading {
  background: linear-gradient(to bottom, rgba(10, 20, 30, 0.95), #0a121a);
  border-color: #69c0ff;
  color: #69c0ff;
}

/* ---------- [清机] 数字键盘 ---------- */
#app.dark-kiosk .octSettleLayer .oct-keypad-input-wrap {
  background: #111;
  border-color: rgba(255, 255, 255, 0.3);
}

#app.dark-kiosk .octSettleLayer .oct-keypad-input {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-keypad-input::placeholder {
  color: #888;
}

#app.dark-kiosk .octSettleLayer .oct-keypad-eye {
  color: #ccc;
}

#app.dark-kiosk .octSettleLayer .oct-keypad-eye:hover {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-keypad-key {
  background: #111;
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-keypad-key:active {
  background: #222;
}

#app.dark-kiosk .octSettleLayer .oct-keypad-key-func {
  color: #ccc;
}

/* ---------- [清机] 范围/支付设备选项（选中态重点） ---------- */
#app.dark-kiosk .octSettleLayer .oct-settlement-options-detail {
  background: #111;
  border-color: rgba(255, 255, 255, 0.25);
}

#app.dark-kiosk .octSettleLayer .oct-settlement-option-title {
  color: #ddd;
}

/* 未选中：黑底；!important 压 JS 历史 inline 亮色 */
#app.dark-kiosk .octSettleLayer .oct-settlement-radio-item,
#app.dark-kiosk .octSettleLayer .oct-settlement-type-item,
#app.dark-kiosk .octSettleLayer .oct-payment-type-item {
  background: #000 !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: none !important;
}

/* 选中：白边 + 深底；覆盖 :has / is-checked / 历史 inline 残留 */
#app.dark-kiosk .octSettleLayer .oct-settlement-radio-item:has(input:checked),
#app.dark-kiosk .octSettleLayer .oct-settlement-radio-item.is-checked,
#app.dark-kiosk .octSettleLayer .oct-settlement-type-item.active,
#app.dark-kiosk .octSettleLayer .oct-payment-type-item.active {
  border-color: #fff !important;
  background: #1a1a1a !important;
  box-shadow: 0 0 0 0.05rem #fff !important;
}

#app.dark-kiosk .octSettleLayer .radio-main,
#app.dark-kiosk .octSettleLayer .type-main,
#app.dark-kiosk .octSettleLayer .type-desc,
#app.dark-kiosk .octSettleLayer .oct-payment-type-label {
  color: #fff !important;
}

#app.dark-kiosk .octSettleLayer .oct-settlement-radio-item input:checked ~ .oct-settlement-radio-label .radio-main,
#app.dark-kiosk .octSettleLayer .oct-settlement-radio-item.is-checked .radio-main,
#app.dark-kiosk .octSettleLayer .oct-settlement-type-item.active .type-main,
#app.dark-kiosk .octSettleLayer .oct-payment-type-item.active .oct-payment-type-label {
  color: #fff !important;
}

#app.dark-kiosk .octSettleLayer .oct-settlement-radio-item input:checked ~ .oct-settlement-radio-icon,
#app.dark-kiosk .octSettleLayer .oct-settlement-radio-item.is-checked .oct-settlement-radio-icon {
  filter: none;
  transform: scale(1.05);
}

#app.dark-kiosk .octSettleLayer .oct-specified-payment-options {
  border-top-color: rgba(255, 255, 255, 0.2);
}

/* ---------- [清机] 订单查询表单 ---------- */
#app.dark-kiosk .octSettleLayer .oct-order-enquiry-form .layui-form-label {
  color: #ccc;
}

#app.dark-kiosk .octSettleLayer .oct-order-enquiry-form .layui-input {
  background: #111;
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-order-enquiry-form .layui-input:focus {
  border-color: #fff;
  box-shadow: 0 0 0 0.05rem rgba(255, 255, 255, 0.2);
}

#app.dark-kiosk .octSettleLayer .oct-reset-icon {
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .oct-order-enquiry-form .layui-form-select dl {
  background: #111;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}

#app.dark-kiosk .octSettleLayer .oct-order-enquiry-form .layui-form-select dl dd:hover {
  background: #222;
}

#app.dark-kiosk .octSettleLayer .oct-order-enquiry-form .layui-form-select dl dd.layui-this {
  background: #000;
  color: #fff;
  border: 0.02rem solid #fff;
}

/* ---------- [清机] 交易列表 TransactionList + 旧 oct-transaction ---------- */
#app.dark-kiosk .octSettleLayer .tl-enquiry-info,
#app.dark-kiosk .octSettleLayer .oct-enquiry-info {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

#app.dark-kiosk .octSettleLayer .tl-enquiry-info-row,
#app.dark-kiosk .octSettleLayer .tl-enquiry-info-value,
#app.dark-kiosk .octSettleLayer .tl-datetime,
#app.dark-kiosk .octSettleLayer .tl-amount,
#app.dark-kiosk .octSettleLayer .oct-enquiry-info-row,
#app.dark-kiosk .octSettleLayer .oct-enquiry-info-value,
#app.dark-kiosk .octSettleLayer .oct-transaction-datetime,
#app.dark-kiosk .octSettleLayer .oct-transaction-amount {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .tl-enquiry-info-label,
#app.dark-kiosk .octSettleLayer .tl-detail,
#app.dark-kiosk .octSettleLayer .tl-device,
#app.dark-kiosk .octSettleLayer .tl-shop,
#app.dark-kiosk .octSettleLayer .oct-enquiry-info-label,
#app.dark-kiosk .octSettleLayer .oct-transaction-detail,
#app.dark-kiosk .octSettleLayer .oct-transaction-device,
#app.dark-kiosk .octSettleLayer .oct-transaction-shop {
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .tl-item,
#app.dark-kiosk .octSettleLayer .oct-transaction-item {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

#app.dark-kiosk .octSettleLayer .tl-detail-btn,
#app.dark-kiosk .octSettleLayer .tl-footer-btn,
#app.dark-kiosk .octSettleLayer .oct-transaction-detail-btn {
  background: #000;
  border: 0.02rem solid #fff;
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .tl-page-btn {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.35);
  color: #ccc;
}

#app.dark-kiosk .octSettleLayer .tl-page-btn:hover,
#app.dark-kiosk .octSettleLayer .tl-page-btn.active {
  border-color: #fff;
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .tl-empty,
#app.dark-kiosk .octSettleLayer .oct-transaction-empty {
  color: #999;
}

/* ---------- [清机] 优惠方案列表 ---------- */
#app.dark-kiosk .octSettleLayer .oct-scheme-item {
  background: #000;
  border-color: rgba(255, 255, 255, 0.25);
}

#app.dark-kiosk .octSettleLayer .oct-scheme-id {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

#app.dark-kiosk .octSettleLayer .oct-scheme-desc-en {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-scheme-desc-cn {
  color: #aaa;
}

/* ---------- [清机] WiFi 配置 ---------- */
#app.dark-kiosk .octSettleLayer .oct-wifi-config-form .layui-form-label,
#app.dark-kiosk .octSettleLayer .wifi-section-title {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-wifi-config-form .layui-input {
  background: #111;
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-wifi-config-form .layui-input:focus {
  border-color: #fff;
  box-shadow: 0 0 0 0.05rem rgba(255, 255, 255, 0.2);
}

#app.dark-kiosk .octSettleLayer .oct-wifi-config-form .layui-input::placeholder {
  color: #888;
}

#app.dark-kiosk .octSettleLayer .wifi-refresh-btn {
  background: #000;
  border-color: rgba(255, 255, 255, 0.35);
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .wifi-refresh-btn:hover {
  border-color: #fff;
  color: #fff;
}

/* 网络状态卡片：去掉亮灰底 */
#app.dark-kiosk .octSettleLayer .wifi-status-content {
  background: #111;
  border: 0.02rem solid rgba(255, 255, 255, 0.2);
}

#app.dark-kiosk .octSettleLayer .wifi-status-label {
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .wifi-status-value {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .wifi-status-value.status-error {
  color: #ff7875;
}

#app.dark-kiosk .octSettleLayer .wifi-status-value.status-warning {
  color: #ffd666;
}

#app.dark-kiosk .octSettleLayer .wifi-status-value.status-success {
  color: #95de64;
}

#app.dark-kiosk .octSettleLayer .wifi-status-value.status-unknown {
  color: #999;
}

#app.dark-kiosk .octSettleLayer .wifi-status-error {
  background: rgba(255, 77, 79, 0.12);
  color: #ff7875;
}

#app.dark-kiosk .octSettleLayer .wifi-warning,
#app.dark-kiosk .octSettleLayer .wifi-warning-text {
  background: rgba(255, 183, 77, 0.12);
  border-color: #ffb74d;
  color: #ffcc80;
}

/*
 * WiFi 开启/关闭：分段选择，不是“亮=开”
 * 未选：深底 + 弱边 + 灰字
 * 选中：深底 + 白描边环 + 白字（选中语义与开/关语义解耦）
 */
#app.dark-kiosk .octSettleLayer .wifi-radio-group {
  gap: 0.16rem;
}

#app.dark-kiosk .octSettleLayer .wifi-radio-item {
  position: relative;
  background: #111 !important;
  border: 0.02rem solid rgba(255, 255, 255, 0.28) !important;
  box-shadow: none !important;
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .wifi-radio-item span {
  color: #aaa !important;
  font-weight: 500;
}

#app.dark-kiosk .octSettleLayer .wifi-radio-item:hover {
  border-color: rgba(255, 255, 255, 0.55) !important;
}

#app.dark-kiosk .octSettleLayer .wifi-radio-item.active {
  background: #1a1a1a !important;
  border-color: #fff !important;
  box-shadow: 0 0 0 0.04rem #fff !important;
}

#app.dark-kiosk .octSettleLayer .wifi-radio-item.active span {
  color: #fff !important;
  font-weight: 700;
}

/* 隐藏原生 radio 圆点，避免和分段选中态抢注意力 */
#app.dark-kiosk .octSettleLayer .wifi-radio-item input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

#app.dark-kiosk .octSettleLayer .wifi-password-eye,
#app.dark-kiosk .octSettleLayer .wifi-account-eye {
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .wifi-password-eye:hover,
#app.dark-kiosk .octSettleLayer .wifi-account-eye:hover {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .wifi-account-item {
  border-top-color: rgba(255, 255, 255, 0.15);
}

#app.dark-kiosk .octSettleLayer .wifi-network-item {
  background: #000;
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .wifi-network-item:hover,
#app.dark-kiosk .octSettleLayer .wifi-network-item.active {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 0 0.05rem #fff;
}

#app.dark-kiosk .octSettleLayer .wifi-network-name {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .wifi-network-meta,
#app.dark-kiosk .octSettleLayer .wifi-status-text,
#app.dark-kiosk .octSettleLayer .wifi-empty-text {
  color: #aaa;
}

/* ---------- [清机] 电源控制 ---------- */
#app.dark-kiosk .octSettleLayer .power-section-title,
#app.dark-kiosk .octSettleLayer .power-action-label,
#app.dark-kiosk .octSettleLayer .power-scope-label {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .power-action-card {
  background: #000;
  border-color: rgba(255, 255, 255, 0.3);
}

#app.dark-kiosk .octSettleLayer .power-action-card.active {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

#app.dark-kiosk .octSettleLayer .power-scope-item {
  border-color: rgba(255, 255, 255, 0.3);
}

#app.dark-kiosk .octSettleLayer .power-scope-radio {
  border-color: #aaa;
}

#app.dark-kiosk .octSettleLayer .power-scope-item input[type="radio"]:checked + .power-scope-radio {
  border-color: #fff;
}

#app.dark-kiosk .octSettleLayer .power-scope-item input[type="radio"]:checked + .power-scope-radio::after {
  background-color: #fff;
}

#app.dark-kiosk .octSettleLayer .power-warning {
  background: rgba(255, 183, 77, 0.12);
  border-color: #ffb74d;
}

#app.dark-kiosk .octSettleLayer .power-warning-text {
  color: #ffcc80;
}

/* ---------- [清机] About ---------- */
#app.dark-kiosk .octSettleLayer .kiosk-about-loading {
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .kiosk-about-spinner {
  border-color: rgba(255, 255, 255, 0.25);
  border-top-color: #fff;
}

#app.dark-kiosk .octSettleLayer .kiosk-about-group {
  background: #000;
  border-color: rgba(255, 255, 255, 0.25);
}

#app.dark-kiosk .octSettleLayer .kiosk-about-group-header {
  background: #000;
  border-bottom: 0.02rem solid rgba(255, 255, 255, 0.2);
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .kiosk-about-item {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

#app.dark-kiosk .octSettleLayer .kiosk-about-label {
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .kiosk-about-value {
  color: #fff;
}

/* ---------- [清机] 结果展示（含 channel header / kiosk group / 状态图标） ---------- */
#app.dark-kiosk .octSettleLayer .settle-result-list {
  border-top-color: rgba(255, 255, 255, 0.2);
}

#app.dark-kiosk .octSettleLayer .settle-result-item {
  background: #000;
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: none;
}

#app.dark-kiosk .octSettleLayer .settle-item-header {
  background: #111;
}

#app.dark-kiosk .octSettleLayer .settle-item-header:hover {
  background: #1a1a1a;
}

#app.dark-kiosk .octSettleLayer .settle-ois-id,
#app.dark-kiosk .octSettleLayer .settle-company-name,
#app.dark-kiosk .octSettleLayer .settle-data-row,
#app.dark-kiosk .octSettleLayer .oct-success-text,
#app.dark-kiosk .octSettleLayer .oct-success-header.header-error .oct-success-text,
#app.dark-kiosk .octSettleLayer .oct-success-header.header-warning .oct-success-text,
#app.dark-kiosk .octSettleLayer .oct-success-header.header-success .oct-success-text {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .settle-ois-id-value {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .settle-payment-method-count,
#app.dark-kiosk .octSettleLayer .settle-channel-count,
#app.dark-kiosk .octSettleLayer .settle-channel-oisid,
#app.dark-kiosk .octSettleLayer .settle-channel-separator,
#app.dark-kiosk .octSettleLayer .expand-icon {
  color: #aaa;
}

/* channel header：亮色 #f8f9fa + 白字会看不见 */
#app.dark-kiosk .octSettleLayer .settle-channel-header {
  background: #111;
  border-bottom-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .settle-item-details,
#app.dark-kiosk .octSettleLayer .settle-channel-item,
#app.dark-kiosk .octSettleLayer .settle-item-content,
#app.dark-kiosk .octSettleLayer .settle-item-data {
  background: #000;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: none;
}

#app.dark-kiosk .octSettleLayer .settle-data-row {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

#app.dark-kiosk .octSettleLayer .settle-data-label {
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .settle-data-value {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .settle-item-error,
#app.dark-kiosk .octSettleLayer .error-message {
  color: #ff7875;
  background: rgba(255, 77, 79, 0.12);
}

/* 状态圆标：去掉粉/绿浅底 */
#app.dark-kiosk .octSettleLayer .status-icon.success,
#app.dark-kiosk .octSettleLayer .status-icon-small.success {
  background: rgba(82, 196, 26, 0.2);
  color: #95de64;
}

#app.dark-kiosk .octSettleLayer .status-icon.warning,
#app.dark-kiosk .octSettleLayer .status-icon-small.warning {
  background: rgba(250, 173, 20, 0.2);
  color: #ffd666;
}

#app.dark-kiosk .octSettleLayer .status-icon.error,
#app.dark-kiosk .octSettleLayer .status-icon-small.error {
  background: rgba(255, 77, 79, 0.2);
  color: #ff7875;
}

/* Kiosk 汇总块 */
#app.dark-kiosk .octSettleLayer .kiosk-group {
  background: #111;
  border-color: rgba(255, 255, 255, 0.2);
}

#app.dark-kiosk .octSettleLayer .kiosk-group-header {
  background: #1a1a1a;
  border-bottom-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .kiosk-group-settlement .kiosk-group-header {
  background: rgba(82, 196, 26, 0.15);
}

#app.dark-kiosk .octSettleLayer .kiosk-group-unSettlement .kiosk-group-header {
  background: rgba(255, 77, 79, 0.15);
}

#app.dark-kiosk .octSettleLayer .kiosk-group-title {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .kiosk-group-settlement .kiosk-group-title {
  color: #95de64;
}

#app.dark-kiosk .octSettleLayer .kiosk-group-unSettlement .kiosk-group-title {
  color: #ff7875;
}

#app.dark-kiosk .octSettleLayer .kiosk-item,
#app.dark-kiosk .octSettleLayer .kiosk-total {
  background: #000;
  border-color: rgba(255, 255, 255, 0.2);
}

#app.dark-kiosk .octSettleLayer .kiosk-pay-type,
#app.dark-kiosk .octSettleLayer .kiosk-total-title {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

#app.dark-kiosk .octSettleLayer .kiosk-group-unSettlement .kiosk-pay-type,
#app.dark-kiosk .octSettleLayer .kiosk-group-unSettlement .kiosk-total-details .kiosk-row span:last-child {
  color: #ff7875;
}

#app.dark-kiosk .octSettleLayer .kiosk-row span:first-child {
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .kiosk-row span:last-child,
#app.dark-kiosk .octSettleLayer .kiosk-total-details .kiosk-row span:last-child {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .kiosk-separator-line {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
}

#app.dark-kiosk .octSettleLayer .kiosk-separator-icon {
  background: #000;
  color: #aaa;
}

/* KPay 结果块 */
#app.dark-kiosk .octSettleLayer .kpay-data-list {
  background: #111;
  border-color: rgba(255, 255, 255, 0.2);
}

#app.dark-kiosk .octSettleLayer .kpay-item {
  background: #000;
  border-color: rgba(255, 255, 255, 0.2);
}

#app.dark-kiosk .octSettleLayer .kpay-payment-method {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

#app.dark-kiosk .octSettleLayer .kpay-row span:first-child {
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .kpay-row span:last-child {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .kpay-transaction-label {
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .kpay-transaction-value {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .kpay-octopus-transaction-info .kpay-transaction-item {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

#app.dark-kiosk .octSettleLayer .settle-message-warning {
  color: #ffb74d !important;
}

/* 结果页顶部成功/失败图标：保留语义色，避免浅色底 */
#app.dark-kiosk .octSettleLayer .oct-success-icon {
  background: #1f7a34;
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .oct-success-header.header-warning .oct-success-icon {
  background: rgba(250, 173, 20, 0.25);
  color: #ffd666;
}

#app.dark-kiosk .octSettleLayer .oct-success-header.header-error .oct-success-icon {
  background: #a61d24;
  color: #fff;
}

/* KPay 汇总绿块在暗色下略压暗，保持可读 */
#app.dark-kiosk .octSettleLayer .kpay-total-amount-box {
  background: #1b5e20;
}

#app.dark-kiosk .octSettleLayer .kpay-total-label,
#app.dark-kiosk .octSettleLayer .kpay-total-value {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .kpay-highlight-yellow {
  color: #ffd54f !important;
}

/* ---------- [清机] 订单查询结果详情（body 层可能独立挂载） ---------- */
#app.dark-kiosk .octSettleLayer .oct-order-detail-overlay,
#app.dark-kiosk .oct-order-detail-overlay,
#app.dark-kiosk ~ .oct-order-detail-overlay {
  background: rgba(0, 0, 0, 0.7);
}

#app.dark-kiosk .octSettleLayer .oct-order-detail-panel,
#app.dark-kiosk .oct-order-detail-panel,
#app.dark-kiosk ~ .oct-order-detail-panel {
  background: #000;
  color: #fff;
  border: 0.02rem solid #fff;
}

/* ---------- [清机] 八达通余额查询 ---------- */
#app.dark-kiosk .octBalanceLayer {
  background: #000 !important;
  border: 0.02rem solid #fff !important;
  box-shadow: 0 0.2rem 0.6rem rgba(255, 255, 255, 0.12) !important;
}

#app.dark-kiosk .octBalanceLayer .oct-balance-dia {
  background: #000;
  color: #fff;
}

#app.dark-kiosk .octBalanceLayer .oct-balance-header {
  background: #000;
  border-bottom: 0.02rem solid #fff;
}

#app.dark-kiosk .octBalanceLayer .oct-balance-title,
#app.dark-kiosk .octBalanceLayer .oct-balance-close {
  color: #fff;
}

#app.dark-kiosk .octBalanceLayer .oct-balance-loading-text,
#app.dark-kiosk .octBalanceLayer .oct-balance-tap-text,
#app.dark-kiosk .octBalanceLayer .oct-balance-tap-text-en,
#app.dark-kiosk .octBalanceLayer .oct-balance-info-label,
#app.dark-kiosk .octBalanceLayer .oct-balance-result {
  color: #aaa;
}

#app.dark-kiosk .octBalanceLayer .oct-balance-tap-text-zh,
#app.dark-kiosk .octBalanceLayer .oct-balance-info-value,
#app.dark-kiosk .octBalanceLayer .oct-balance-value {
  color: #fff;
}

#app.dark-kiosk .octBalanceLayer .oct-balance-footer {
  border-top-color: rgba(255, 255, 255, 0.2);
}

#app.dark-kiosk .octBalanceLayer .oct-balance-btn {
  background: #000;
  border: 0.02rem solid #fff;
  color: #fff;
}

/* ---------- [清机] emptyData ---------- */
#app.dark-kiosk .octSettleLayer .empty-data,
#app.dark-kiosk .octSettleLayer .empty-data-text {
  color: #999;
}

#app.dark-kiosk .octSettleLayer .empty-data-icon-wrap {
  background: #111;
}

/* ==========================================================================
 *  无数据难测路径补齐：订单查询列表/详情、交易筛选、余额错误态、电源选中
 *  订单详情 overlay 会被 JS 挪到 body → 必须同时写 ~ 兄弟选择器
 *  说明：payDeviceCheck（八达通收款设备检测）不在暗色兼容范围，勿加回
 * ========================================================================== */

/* ---------- [订单查询] 列表 V2 ---------- */
#app.dark-kiosk .octSettleLayer .order-list-v2 {
  background: #111;
}

#app.dark-kiosk .octSettleLayer .order-list-v2__count-label {
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .order-card-v2 {
  background: #000;
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: none;
}

#app.dark-kiosk .octSettleLayer .order-card-v2__ref {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .order-card-v2__bill-number {
  color: #ccc;
  background: #1a1a1a;
}

#app.dark-kiosk .octSettleLayer .order-card-v2__middle {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

#app.dark-kiosk .octSettleLayer .order-card-v2__amount {
  color: #95de64;
}

#app.dark-kiosk .octSettleLayer .order-card-v2__payment,
#app.dark-kiosk .octSettleLayer .order-card-v2__time {
  color: #aaa;
}

#app.dark-kiosk .octSettleLayer .order-card-v2__detail-btn {
  background: #1a1a1a;
  color: #ccc;
}

/* ---------- [订单查询] 详情弹窗（body 挂载） ---------- */
#app.dark-kiosk ~ .order-detail-dialog-overlay,
#app.dark-kiosk .order-detail-dialog-overlay {
  background: rgba(0, 0, 0, 0.75);
}

#app.dark-kiosk ~ .order-detail-dialog,
#app.dark-kiosk .order-detail-dialog,
#app.dark-kiosk ~ .order-detail-dialog-overlay .order-detail-dialog {
  background: #000;
  color: #fff;
  border: 0.02rem solid #fff;
  box-shadow: 0 0.2rem 0.6rem rgba(255, 255, 255, 0.12);
}

#app.dark-kiosk ~ .order-detail-dialog__header,
#app.dark-kiosk .order-detail-dialog__header,
#app.dark-kiosk ~ .order-detail-dialog-overlay .order-detail-dialog__header {
  background: #000;
  border-bottom: 0.02rem solid #fff;
  color: #fff;
}

#app.dark-kiosk ~ .order-detail-dialog__header h3,
#app.dark-kiosk ~ .order-detail-dialog__close,
#app.dark-kiosk .order-detail-dialog__header h3,
#app.dark-kiosk .order-detail-dialog__close,
#app.dark-kiosk ~ .order-detail-dialog-overlay .order-detail-dialog__header h3,
#app.dark-kiosk ~ .order-detail-dialog-overlay .order-detail-dialog__close {
  color: #fff;
}

#app.dark-kiosk ~ .oct-order-loading,
#app.dark-kiosk .oct-order-loading,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-loading {
  color: #aaa;
}

#app.dark-kiosk ~ .oct-order-loading-spinner,
#app.dark-kiosk .oct-order-loading-spinner,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-loading-spinner {
  border-color: rgba(255, 255, 255, 0.25);
  border-top-color: #fff;
}

#app.dark-kiosk ~ .oct-order-detail-section--fixed,
#app.dark-kiosk .oct-order-detail-section--fixed,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-detail-section--fixed {
  background: #000;
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

#app.dark-kiosk ~ .oct-order-detail-section--scrollable,
#app.dark-kiosk .oct-order-detail-section--scrollable,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-detail-section--scrollable {
  background: #0a0a0a;
}

#app.dark-kiosk ~ .oct-order-section-title,
#app.dark-kiosk .oct-order-section-title,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-section-title {
  color: #fff !important;
  border-bottom-color: rgba(255, 255, 255, 0.15) !important;
  background: transparent !important;
}

/* 食品滚动区标题：亮色写死了 #fafafa 白底，暗色必须盖掉 */
#app.dark-kiosk ~ .oct-order-detail-section--scrollable .oct-order-section-title,
#app.dark-kiosk .oct-order-detail-section--scrollable .oct-order-section-title,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-detail-section--scrollable .oct-order-section-title {
  background: #0a0a0a !important;
  color: #fff !important;
  border-bottom-color: rgba(255, 255, 255, 0.15) !important;
}

#app.dark-kiosk ~ .oct-order-section-title::before,
#app.dark-kiosk .oct-order-section-title::before,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-section-title::before {
  background: #fff !important;
}

#app.dark-kiosk ~ .oct-order-info-label,
#app.dark-kiosk .oct-order-info-label,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-info-label {
  color: #aaa;
}

#app.dark-kiosk ~ .oct-order-info-value,
#app.dark-kiosk .oct-order-info-value,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-info-value {
  color: #fff;
}

#app.dark-kiosk ~ .oct-order-info-value.oct-order-amount,
#app.dark-kiosk .oct-order-info-value.oct-order-amount,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-info-value.oct-order-amount {
  color: #95de64;
}

#app.dark-kiosk ~ .oct-order-discount-info,
#app.dark-kiosk .oct-order-discount-info,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-discount-info {
  background: rgba(250, 173, 20, 0.12);
  border-color: #ffb74d;
}

#app.dark-kiosk ~ .oct-order-discount-desc,
#app.dark-kiosk .oct-order-discount-desc,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-discount-desc {
  color: #ffcc80;
}

#app.dark-kiosk ~ .oct-order-discount-amount,
#app.dark-kiosk .oct-order-discount-amount,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-discount-amount {
  color: #ff7875;
}

#app.dark-kiosk ~ .oct-order-food-item-compact,
#app.dark-kiosk .oct-order-food-item-compact,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-food-item-compact {
  background: #111;
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

#app.dark-kiosk ~ .oct-order-food-name,
#app.dark-kiosk ~ .oct-order-food-name-en,
#app.dark-kiosk .oct-order-food-name,
#app.dark-kiosk .oct-order-food-name-en,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-food-name,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-food-name-en {
  color: #fff;
}

#app.dark-kiosk ~ .oct-order-food-name-zh,
#app.dark-kiosk ~ .oct-order-food-xi-item,
#app.dark-kiosk ~ .oct-order-littleitem,
#app.dark-kiosk .oct-order-food-name-zh,
#app.dark-kiosk .oct-order-food-xi-item,
#app.dark-kiosk .oct-order-littleitem,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-food-name-zh,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-food-xi-item,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-littleitem {
  color: #aaa;
}

#app.dark-kiosk ~ .oct-order-food-qty,
#app.dark-kiosk .oct-order-food-qty,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-food-qty {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}

#app.dark-kiosk ~ .oct-order-giveaway-list,
#app.dark-kiosk .oct-order-giveaway-list,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-giveaway-list {
  background: rgba(82, 196, 26, 0.1);
  border-color: rgba(149, 222, 100, 0.45);
}

#app.dark-kiosk ~ .oct-order-giveaway-item,
#app.dark-kiosk .oct-order-giveaway-item,
#app.dark-kiosk ~ .order-detail-dialog-overlay .oct-order-giveaway-item {
  color: #95de64;
}

/* 旧版 overlay/panel 类名兼容 */
#app.dark-kiosk ~ .oct-order-detail-overlay,
#app.dark-kiosk .oct-order-detail-overlay {
  background: rgba(0, 0, 0, 0.75);
}

#app.dark-kiosk ~ .oct-order-detail-panel,
#app.dark-kiosk .oct-order-detail-panel {
  background: #000;
  color: #fff;
  border: 0.02rem solid #fff;
}

/* ---------- [交易查询] 筛选页 ---------- */
#app.dark-kiosk .octSettleLayer .tl-filter-header,
#app.dark-kiosk .octSettleLayer .tl-filter-footer {
  border-color: rgba(255, 255, 255, 0.2);
}

#app.dark-kiosk .octSettleLayer .tl-filter-back-btn {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.35);
  color: #ccc;
}

#app.dark-kiosk .octSettleLayer .tl-filter-back-btn:hover {
  border-color: #fff;
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .tl-filter-title {
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .tl-filter-form .layui-form-label {
  color: #ccc;
}

#app.dark-kiosk .octSettleLayer .tl-filter-form .layui-input {
  background: #111;
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .tl-filter-form .layui-form-select dl {
  background: #111;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}

#app.dark-kiosk .octSettleLayer .tl-filter-form .layui-form-select dl dd:hover {
  background: #222;
}

#app.dark-kiosk .octSettleLayer .tl-filter-form .layui-form-select dl dd.layui-this {
  background: #000;
  color: #fff;
  border: 0.02rem solid #fff;
}

#app.dark-kiosk .octSettleLayer .tl-filter-error {
  color: #ff7875;
}

#app.dark-kiosk .octSettleLayer .tl-filter-btn {
  background: #000;
  border: 0.02rem solid #fff;
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .tl-filter-entry-btn {
  background: transparent;
  border-color: #fff;
  color: #fff;
}

#app.dark-kiosk .octSettleLayer .tl-filter-entry-btn:hover {
  background: rgba(255, 255, 255, 0.08);
}

/* ---------- [清机结果] 成功图标/状态左边条 ---------- */
#app.dark-kiosk .octSettleLayer .oct-settle-success-icon {
  background: #1f7a34;
}

#app.dark-kiosk .octSettleLayer .settle-result-item.status-allSuccess {
  border-left-color: #52c41a;
}

#app.dark-kiosk .octSettleLayer .settle-result-item.status-partialError {
  border-left-color: #faad14;
}

#app.dark-kiosk .octSettleLayer .settle-result-item.status-allError,
#app.dark-kiosk .octSettleLayer .settle-result-item.status-error {
  border-left-color: #ff7875;
}

#app.dark-kiosk .octSettleLayer .status-icon.success,
#app.dark-kiosk .octSettleLayer .status-icon-small.success {
  background: rgba(82, 196, 26, 0.2);
  color: #95de64;
}

#app.dark-kiosk .octSettleLayer .status-icon.warning,
#app.dark-kiosk .octSettleLayer .status-icon-small.warning {
  background: rgba(250, 173, 20, 0.2);
  color: #ffd666;
}

/* ---------- [余额查询] 错误态 ---------- */
#app.dark-kiosk .octBalanceLayer .oct-balance-error,
#app.dark-kiosk .octBalanceLayer .oct-balance-icon-wrapper.error {
  color: #ff7875;
}

#app.dark-kiosk .octBalanceLayer .oct-balance-loading-icon {
  color: #fff;
}

/* ---------- [电源控制] 选中/禁用补强 ---------- */
#app.dark-kiosk .octSettleLayer .power-action-card {
  background: #000 !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

#app.dark-kiosk .octSettleLayer .power-action-card.active {
  border-color: #fff !important;
  background: #1a1a1a !important;
  box-shadow: 0 0 0 0.04rem #fff;
}

#app.dark-kiosk .octSettleLayer .power-action-label,
#app.dark-kiosk .octSettleLayer .power-scope-label,
#app.dark-kiosk .octSettleLayer .power-section-title {
  color: #fff !important;
}

#app.dark-kiosk .octSettleLayer .power-scope-item {
  background: #000;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

#app.dark-kiosk .octSettleLayer .power-scope-item input[type="radio"]:checked + .power-scope-radio {
  border-color: #fff !important;
}

#app.dark-kiosk .octSettleLayer .power-scope-item input[type="radio"]:checked + .power-scope-radio::after {
  background-color: #fff !important;
}

#app.dark-kiosk .octSettleLayer .power-warning {
  background: rgba(255, 183, 77, 0.12) !important;
  border-color: #ffb74d !important;
}

#app.dark-kiosk .octSettleLayer .power-warning-text {
  color: #ffcc80 !important;
}

/* ---------- [About] 组头去掉主题色渐变，改黑白 ---------- */
#app.dark-kiosk .octSettleLayer .kiosk-about-group {
  background: #000 !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

#app.dark-kiosk .octSettleLayer .kiosk-about-group-header {
  background: #111 !important;
  border-bottom: 0.02rem solid rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

#app.dark-kiosk .octSettleLayer .kiosk-about-label {
  color: #aaa !important;
}

#app.dark-kiosk .octSettleLayer .kiosk-about-value {
  color: #fff !important;
}

#app.dark-kiosk .octSettleLayer .kiosk-about-item {
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

#app.dark-kiosk .octSettleLayer .kiosk-about-spinner {
  border-color: rgba(255, 255, 255, 0.25) !important;
  border-top-color: #fff !important;
}

#app.dark-kiosk .octSettleLayer .kiosk-about-loading {
  color: #aaa !important;
}