/* =====================================================================
 * ouyun_1 财务页覆盖层 (2026-10-06, 布局源 intlcloud/_finance_security_work/)
 * 策略: default finance.css 做底座不动, 本文件只做视觉同化 + 壳层穿透反压
 *   - 直角化 / 国际标准字号 / 紧凑表格网格线 / 状态徽标直角
 *   - 反压清单: 按钮字号(.16rem) 按钮高度(.4rem) 分页字号(.13rem) tab 箭头
 * ===================================================================== */
#finance {
  --oyfn-primary: var(--member-color-primary, var(--color-primary, #165dff));
  --oyfn-text-1: var(--member-text-primary, #414141);
  --oyfn-text-2: var(--member-text-regular, #606266);
  --oyfn-text-3: var(--member-text-secondary, #8e8e8e);
  --oyfn-border: var(--member-border-lighter, #eaedf1);
  --oyfn-grid-line: #f0f2f5;
  --oyfn-fill-soft: var(--member-fill-soft, #fafafa);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Microsoft YaHei", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--oyfn-text-2);
}

/* ---------- 卡片与标题 ---------- */
#finance .finance.main-card {
  padding: 18px 28px 24px;
}
#finance .finance-top {
  padding-bottom: 6px;
}
#finance .finance-title {
  font-size: 17px;
  font-weight: 600;
  color: var(--oyfn-text-1);
  line-height: 24px;
}

/* ---------- 余额区 ---------- */
#finance .finance-money-main {
  border: 1px solid var(--oyfn-border);
  background: var(--oyfn-fill-soft);
  padding: 16px 20px;
}
#finance .finance-balance {
  background: transparent;
}
#finance .balance-left-title {
  font-size: 13px;
  color: var(--oyfn-text-3);
}
#finance .balance-title-num {
  font-size: 13px;
}
#finance .balance-left-num {
  font-size: 26px;
  font-weight: 600;
  color: var(--oyfn-text-1);
  font-variant-numeric: tabular-nums;
  letter-spacing: .3px;
}
#finance .balance-left-num .prefix {
  font-size: 15px;
  font-weight: 500;
}
#finance .balance-right .el-button {
  font-size: 13px !important;
  height: auto !important;
  min-height: 32px;
  padding: 8px 18px;
  line-height: 20px;
  border-radius: 0;
}
#finance .balance-right .tx-list {
  font-size: 13px;
}
#finance .finance-other-money {
  gap: 32px;
}
#finance .finance-other-money .other-money-item {
  border: none;
  padding: 0;
  background: transparent;
}
#finance .finance-other-money .other-money-item-title {
  font-size: 13px;
  color: var(--oyfn-text-3);
}
#finance .finance-other-money .other-money-item-value {
  font-size: 17px;
  font-weight: 600;
  color: var(--oyfn-text-1);
  font-variant-numeric: tabular-nums;
}
#finance .finance-other-money .freeze-list {
  font-size: 12px;
}

/* ---------- 标签页 ---------- */
#finance .el-tabs__header {
  margin: 14px 0 14px;
}
#finance .el-tabs__nav-wrap::after {
  height: 1px;
  background-color: var(--oyfn-border);
}
#finance .el-tabs__item {
  height: 42px;
  line-height: 42px;
  font-size: 14px;
}
#finance .el-tabs__item.is-active {
  font-weight: 600;
}
#finance .el-tabs__active-bar {
  height: 2px;
}
#finance .el-tabs__nav-prev,
#finance .el-tabs__nav-next {
  line-height: 42px;
  font-size: 14px;
}

/* ---------- 工具栏 ---------- */
#finance .content_searchbar {
  margin-bottom: 12px;
}
#finance .content_searchbar .left_tips .tips_item,
#finance .content_searchbar .left_tips .all-pay,
#finance .content_searchbar .left_tips .all-del {
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 2px;
  line-height: 18px;
}
#finance .content_searchbar .searchbar .el-input .el-input__inner {
  height: 34px;
  line-height: 34px;
  font-size: 13px;
}
#finance .content_searchbar .searchbar .el-select .el-input__inner {
  height: 34px;
  line-height: 34px;
  font-size: 13px;
}
#finance .content_searchbar .input-search {
  line-height: 34px;
}
/* 反压: 按钮字号(.16rem)/高度(.4rem) */
#finance .content_searchbar .el-button,
#finance .content_searchbar .left_tips .el-button,
#finance .main-card .el-dialog .el-button {
  font-size: 13px !important;
  height: auto !important;
  min-height: 32px;
  padding: 8px 15px;
  line-height: 20px;
}

/* ---------- 表格(紧凑 + 竖向网格线) ---------- */
#finance .el-table {
  font-size: 13px;
}
#finance .el-table th,
#finance .el-table td {
  padding: 9px 0;
  border-right: 1px solid var(--oyfn-grid-line);
}
#finance .el-table .el-table__row td:last-child,
#finance .el-table th:last-child {
  border-right: none;
}
#finance .el-table th > .cell {
  color: var(--oyfn-text-3);
  font-weight: 600;
  font-size: 12px;
}
#finance .el-table .cell {
  line-height: 20px;
}
#finance .el-table td .cell {
  color: var(--oyfn-text-2);
}
#finance .el-table .el-table__row:hover > td {
  background: var(--oyfn-fill-soft);
}
#finance .el-table .cell span {
  font-variant-numeric: tabular-nums;
}
#finance .a-text {
  color: var(--oyfn-primary);
}
/* 状态圆点/标签直角化 */
#finance .status-tag,
#finance .balance-tag {
  border-radius: 2px;
  font-size: 12px;
  line-height: 18px;
  padding: 2px 8px;
}
#finance .main_table > thead > tr > th:nth-child(1) .cell {
  color: var(--oyfn-text-3);
  font-size: 12px;
  font-weight: 600;
}

/* ---------- 弹窗 ---------- */
#finance .el-dialog {
  border-radius: 0;
}
#finance .kd-dialog .dialog-title,
#finance .info-dialog .dialog-title,
#finance .dialog-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--oyfn-text-1);
}

/* ---------- 反压: 分页字号(.13rem) ---------- */
#finance .el-pagination,
#finance .el-pagination span:not([class*="sr-only"]),
#finance .el-pagination .el-pagination__total,
#finance .myPage .el-pagination .el-pagination__jump,
#finance .myPage .el-pagination .el-pager li,
#finance .el-pagination .el-pager li,
#finance .el-pagination .el-pagination__sizes .el-input__inner,
#finance .el-pagination .el-pagination__editor.el-input .el-input__inner {
  font-size: 13px !important;
}
#finance .myPage .el-pagination .el-input__inner,
#finance .el-pagination .el-pagination__sizes .el-input__inner,
#finance .el-pagination .el-pagination__editor.el-input .el-input__inner {
  height: 28px !important;
  line-height: 28px !important;
}
#finance .el-pagination .el-pager li,
#finance .el-pagination button {
  height: 28px !important;
  line-height: 28px !important;
}
#finance .el-pagination .el-pager li.active {
  color: var(--oyfn-primary);
}

/* ---------- 响应式 ---------- */
@media screen and (max-width: 960px) {
  #finance .finance.main-card {
    padding: 14px 18px 20px;
  }
}

@media screen and (max-width: 750px) {
  #finance .finance.main-card {
    padding: 10px 12px 16px;
  }
  #finance .finance-title {
    font-size: 16px;
  }
  /* 手机隐藏 tab 滚动箭头(触摸横滑) */
  #finance .el-tabs__nav-prev,
  #finance .el-tabs__nav-next {
    display: none !important;
  }

  /* 余额区(v=oyfn3): 余额在上, 充值/提现/提现记录三按钮等宽一行在下 */
  #finance .finance-balance {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  #finance .finance-balance .balance-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    gap: 8px;
    flex-wrap: nowrap;
  }
  #finance .finance-balance .balance-right .el-button {
    flex: none !important;
    width: calc((100% - 16px) / 3) !important;
    margin: 0;
    min-height: 38px;
    padding: 8px 4px;
    white-space: nowrap;
    box-sizing: border-box;
  }
  #finance .finance-balance .balance-right .tx-list {
    flex: none !important;
    width: calc((100% - 16px) / 3) !important;
    min-height: 38px;
    line-height: 36px;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
    border: 1px solid var(--oyfn-border-strong, #d2d2d2);
    border-radius: 2px;
    background: #fff;
    color: var(--oyfn-text-2, #606266);
    font-size: 14px;
    padding: 0 4px;
  }

  #finance .balance-left-num {
    font-size: 24px;
  }
  #finance .balance-right .el-button,
  #finance .content_searchbar .el-button,
  #finance .content_searchbar .left_tips .el-button {
    font-size: 14px !important;
    min-height: 38px;
    padding: 9px 16px;
  }
  #finance .content_searchbar .searchbar .el-input .el-input__inner,
  #finance .content_searchbar .searchbar .el-select .el-input__inner {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
  #finance .el-table td .cell {
    font-size: 14px;
  }
  #finance .el-table .cell {
    padding: 0 8px;
  }
  #finance .el-table th,
  #finance .el-table td {
    padding: 8px 0;
  }
}

/* ---------- 手机: 订单筛选 chips 区重排(v=oyfn2, 修复 left_tips nowrap 挤压文字竖排) ---------- */
@media screen and (max-width: 750px) {
  #finance .content_searchbar {
    flex-direction: column;
    align-items: stretch;
  }
  #finance .content_searchbar .left_tips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  /* 批量删除/全选等按钮独占一行 */
  #finance .content_searchbar .left_tips .el-button {
    flex: 1 1 100%;
    margin: 0 0 2px;
  }
  /* 订单类型 chips: 按内容自适应宽度整体换行, 不再竖排 */
  #finance .content_searchbar .left_tips .tips_item,
  #finance .content_searchbar .left_tips .all-pay,
  #finance .content_searchbar .left_tips .all-del {
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
    white-space: nowrap;
    height: auto;
    line-height: 20px;
    padding: 8px 14px;
    margin-right: 0;
    border-radius: 2px;
    font-size: 13px;
  }
  #finance .content_searchbar .searchbar {
    width: 100%;
  }
}

/* ---------- 手机(v=oyfn6): 余额区-tabs 间距收紧 + 筛选下拉二等分对齐 ---------- */
@media screen and (max-width: 750px) {
  #finance .finance-money-main {
    padding: 12px 14px;
  }
  #finance .finance-top {
    padding-bottom: 0;
  }
  #finance .el-tabs__header {
    margin: 8px 0 12px;
  }
  /* 订单类型/付款状态: 两列等分一行, 搜索框独占一行, 边缘对齐 */
  #finance .content_searchbar .searchbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  #finance .content_searchbar .searchbar .el-select {
    flex: none !important;
    width: calc((100% - 8px) / 2) !important;
    margin: 0 !important;
  }
  #finance .content_searchbar .searchbar .el-select .el-input__inner {
    width: 100%;
  }
  #finance .content_searchbar .searchbar .el-input {
    flex: 1 1 100%;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* ---------- 手机(v=oyfn8): 记录区容器内距清零 + chips 紧凑化 ---------- */
@media screen and (max-width: 750px) {
  #finance .content_box {
    padding: 0 !important;
    margin-top: 0 !important;
    font-size: 14px;
  }
  #finance .content_searchbar {
    margin-top: 8px !important;
    margin-bottom: 10px !important;
  }
  #finance .content_searchbar .left_tips {
    gap: 6px;
  }
  #finance .content_searchbar .left_tips .tips_item,
  #finance .content_searchbar .left_tips .all-pay,
  #finance .content_searchbar .left_tips .all-del {
    padding: 4px 12px;
    line-height: 20px;
  }
}

/* ---------- 手机(v=oyfn9): 订单表 → 卡片式(仅订单 tab, 桌面不变) ---------- */
@media screen and (max-width: 750px) {
  /* 隐藏 el-table 固定列克隆浮层(操作列 fixed 产生, 卡片化后是右侧幽灵区) */
  #finance #pane-1 .el-table__fixed-right,
  #finance #pane-1 .el-table__fixed {
    display: none !important;
  }
  #finance #pane-1 .el-table__header-wrapper {
    display: none;
  }
  #finance #pane-1 .el-table__body-wrapper {
    overflow: visible;
  }
  #finance #pane-1 table.el-table__body {
    display: block;
    width: 100% !important;
  }
  #finance #pane-1 table.el-table__body colgroup {
    display: none;
  }
  #finance #pane-1 table.el-table__body tbody {
    display: block;
  }
  #finance #pane-1 table.el-table__body tr.el-table__row {
    height: auto !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
    background: #fff;
    border: 1px solid var(--oyfn-border, #eaedf1);
    margin-bottom: 10px;
    padding: 10px 12px;
  }
  #finance #pane-1 table.el-table__body td {
    height: auto !important;
    display: flex;
    align-items: center;
    flex: 1 1 100%;
    border: none;
    padding: 2px 0;
    min-width: 0;
  }
  #finance #pane-1 table.el-table__body td .cell {
    width: auto;
    padding: 0;
    line-height: 20px;
    min-width: 0;
  }
  /* 行1: 选择框 + #ID + 状态(右) */
  #finance #pane-1 table.el-table__body td:nth-child(1) {
    flex: 0 0 auto;
    order: 0;
  }
  #finance #pane-1 table.el-table__body td:nth-child(2) {
    flex: 0 0 auto;
    order: 0;
  }
  #finance #pane-1 table.el-table__body td:nth-child(2)::before {
    content: "#";
    color: var(--oyfn-text-3, #8e8e8e);
    margin-right: 2px;
    font-size: 13px;
  }
  #finance #pane-1 table.el-table__body td:nth-child(6) {
    flex: 0 0 auto;
    order: 1;
    margin-left: auto;
  }
  /* 行2: 商品名称(可换行, 解除 ellipsis) */
  #finance #pane-1 table.el-table__body td:nth-child(3) {
    order: 2;
  }
  #finance #pane-1 table.el-table__body td:nth-child(3) .cell {
    width: 100%;
    white-space: normal;
    color: var(--oyfn-text-1, #414141);
    font-size: 14px;
  }
  /* 行3: 金额(加粗) + 时间 + 支付方式 */
  #finance #pane-1 table.el-table__body td:nth-child(4) {
    flex: 0 0 auto;
    order: 3;
  }
  #finance #pane-1 table.el-table__body td:nth-child(4) .cell {
    font-size: 15px;
    font-weight: 600;
    color: var(--oyfn-text-1, #414141);
    font-variant-numeric: tabular-nums;
  }
  #finance #pane-1 table.el-table__body td:nth-child(5) {
    flex: 1 1 auto;
    order: 4;
    min-width: 0;
  }
  #finance #pane-1 table.el-table__body td:nth-child(5)::before {
    content: "时间 ";
    color: var(--oyfn-text-3, #8e8e8e);
    font-size: 12px;
    margin-right: 2px;
  }
  #finance #pane-1 table.el-table__body td:nth-child(5) .cell {
    font-size: 12px;
    color: var(--oyfn-text-3, #8e8e8e);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #finance #pane-1 table.el-table__body td:nth-child(7) {
    flex: 0 0 auto;
    order: 5;
  }
  #finance #pane-1 table.el-table__body td:nth-child(7)::before {
    content: "支付 ";
    color: var(--oyfn-text-3, #8e8e8e);
    font-size: 12px;
    margin-right: 2px;
  }
  #finance #pane-1 table.el-table__body td:nth-child(7) .cell {
    font-size: 12px;
    color: var(--oyfn-text-3, #8e8e8e);
  }
  /* 行尾: 操作(右) */
  #finance #pane-1 table.el-table__body td:nth-child(8) {
    flex: 0 0 auto;
    order: 6;
    margin-left: auto;
  }
}

/* ---------- 手机(v=oyfn12): 交易记录/余额记录表 → 卡片式 ---------- */
@media screen and (max-width: 750px) {
  #finance #pane-2 .el-table__header-wrapper,
  #finance #pane-3 .el-table__header-wrapper {
    display: none;
  }
  #finance #pane-2 .el-table__fixed-right,
  #finance #pane-2 .el-table__fixed,
  #finance #pane-3 .el-table__fixed-right,
  #finance #pane-3 .el-table__fixed {
    display: none !important;
  }
  #finance #pane-2 .el-table__body-wrapper,
  #finance #pane-3 .el-table__body-wrapper {
    overflow: visible;
  }
  #finance #pane-2 table.el-table__body,
  #finance #pane-3 table.el-table__body {
    display: block;
    width: 100% !important;
  }
  #finance #pane-2 table.el-table__body colgroup,
  #finance #pane-3 table.el-table__body colgroup {
    display: none;
  }
  #finance #pane-2 table.el-table__body tbody,
  #finance #pane-3 table.el-table__body tbody {
    display: block;
  }
  #finance #pane-2 table.el-table__body tr.el-table__row,
  #finance #pane-3 table.el-table__body tr.el-table__row {
    height: auto !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
    background: #fff;
    border: 1px solid var(--oyfn-border, #eaedf1);
    margin-bottom: 10px;
    padding: 10px 12px;
  }
  #finance #pane-2 table.el-table__body td,
  #finance #pane-3 table.el-table__body td {
    height: auto !important;
    display: flex;
    align-items: center;
    flex: 1 1 100%;
    border: none;
    padding: 2px 0;
    min-width: 0;
  }
  #finance #pane-2 table.el-table__body td .cell,
  #finance #pane-3 table.el-table__body td .cell {
    width: auto;
    padding: 0;
    line-height: 20px;
    min-width: 0;
  }
  /* 交易记录(7列): 1ID 2订单号 3类型 4金额 5时间 6支付方式 7交易号 */
  #finance #pane-2 table.el-table__body td:nth-child(1) { flex: 0 0 auto; order: 0; }
  #finance #pane-2 table.el-table__body td:nth-child(1)::before { content: "#"; color: var(--oyfn-text-3, #8e8e8e); margin-right: 2px; font-size: 13px; }
  #finance #pane-2 table.el-table__body td:nth-child(3) { flex: 0 0 auto; order: 1; margin-left: auto; }
  #finance #pane-2 table.el-table__body td:nth-child(4) { flex: 0 0 auto; order: 2; }
  #finance #pane-2 table.el-table__body td:nth-child(4) .cell { font-size: 15px; font-weight: 600; color: var(--oyfn-text-1, #414141); font-variant-numeric: tabular-nums; }
  #finance #pane-2 table.el-table__body td:nth-child(5) { flex: 1 1 auto; order: 3; min-width: 0; justify-content: flex-end; }
  #finance #pane-2 table.el-table__body td:nth-child(5)::before { content: "时间 "; color: var(--oyfn-text-3, #8e8e8e); font-size: 12px; margin-right: 2px; }
  #finance #pane-2 table.el-table__body td:nth-child(5) .cell { font-size: 12px; color: var(--oyfn-text-3, #8e8e8e); }
  #finance #pane-2 table.el-table__body td:nth-child(2) { flex: 1 1 100%; order: 4; }
  #finance #pane-2 table.el-table__body td:nth-child(2)::before { content: "订单号 "; color: var(--oyfn-text-3, #8e8e8e); font-size: 12px; margin-right: 2px; }
  #finance #pane-2 table.el-table__body td:nth-child(2) .cell { font-size: 13px; }
  #finance #pane-2 table.el-table__body td:nth-child(6) { flex: 0 0 auto; order: 5; }
  #finance #pane-2 table.el-table__body td:nth-child(6)::before { content: "支付 "; color: var(--oyfn-text-3, #8e8e8e); font-size: 12px; margin-right: 2px; }
  #finance #pane-2 table.el-table__body td:nth-child(6) .cell { font-size: 12px; color: var(--oyfn-text-3, #8e8e8e); }
  #finance #pane-2 table.el-table__body td:nth-child(7) { flex: 1 1 100%; order: 6; }
  #finance #pane-2 table.el-table__body td:nth-child(7)::before { content: "交易号 "; color: var(--oyfn-text-3, #8e8e8e); font-size: 12px; margin-right: 2px; }
  #finance #pane-2 table.el-table__body td:nth-child(7) .cell { font-size: 12px; color: var(--oyfn-text-3, #8e8e8e); word-break: break-all; }
  /* 余额记录(5列): 1ID 2金额 3备注 4类型 5时间 */
  #finance #pane-3 table.el-table__body td:nth-child(1) { flex: 0 0 auto; order: 0; }
  #finance #pane-3 table.el-table__body td:nth-child(1)::before { content: "#"; color: var(--oyfn-text-3, #8e8e8e); margin-right: 2px; font-size: 13px; }
  #finance #pane-3 table.el-table__body td:nth-child(4) { flex: 0 0 auto; order: 1; margin-left: auto; }
  #finance #pane-3 table.el-table__body td:nth-child(2) { flex: 0 0 auto; order: 2; }
  #finance #pane-3 table.el-table__body td:nth-child(2) .cell { font-size: 15px; font-weight: 600; color: var(--oyfn-text-1, #414141); font-variant-numeric: tabular-nums; }
  #finance #pane-3 table.el-table__body td:nth-child(5) { flex: 1 1 auto; order: 3; justify-content: flex-end; }
  #finance #pane-3 table.el-table__body td:nth-child(5)::before { content: "时间 "; color: var(--oyfn-text-3, #8e8e8e); font-size: 12px; margin-right: 2px; }
  #finance #pane-3 table.el-table__body td:nth-child(5) .cell { font-size: 12px; color: var(--oyfn-text-3, #8e8e8e); }
  #finance #pane-3 table.el-table__body td:nth-child(3) { flex: 1 1 100%; order: 4; }
  #finance #pane-3 table.el-table__body td:nth-child(3)::before { content: "备注 "; color: var(--oyfn-text-3, #8e8e8e); font-size: 12px; margin-right: 2px; }
  #finance #pane-3 table.el-table__body td:nth-child(3) .cell { font-size: 13px; color: var(--oyfn-text-2, #606266); white-space: normal; word-break: break-all; }
}

/* ---------- 手机(v=oyfn13): 余额记录筛选区分行(类型下拉+搜索框各半行, 清除内联宽度) ---------- */
@media screen and (max-width: 750px) {
  #finance .content_searchbar.balance-searchbar {
    flex-direction: column;
    align-items: stretch;
  }
  #finance .content_searchbar.balance-searchbar .searchbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
  }
  #finance .content_searchbar.balance-searchbar .searchbar .el-select {
    flex: none !important;
    width: calc((100% - 8px) / 2) !important;
    margin: 0 !important;
  }
  #finance .content_searchbar.balance-searchbar .searchbar .el-select .el-input__inner {
    width: 100%;
  }
  #finance .content_searchbar.balance-searchbar .searchbar .el-input {
    flex: 1 1 calc((100% - 8px) / 2) !important;
    width: auto !important;
    margin: 0 !important;
  }
}

/* ---------- 手机(v=oyfn14): 余额筛选修复 —— select/input 实际不在 .searchbar 内(渲染结构有 .box 包装), 从容器层直接接管 ---------- */
@media screen and (max-width: 750px) {
  #finance .content_searchbar.balance-searchbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
  }
  #finance .content_searchbar.balance-searchbar .searchbar {
    display: contents;
  }
  #finance .content_searchbar.balance-searchbar .el-select {
    flex: none !important;
    width: calc((100% - 8px) / 2) !important;
    margin: 0 !important;
  }
  #finance .content_searchbar.balance-searchbar .el-select .el-input__inner {
    width: 100%;
  }
  #finance .content_searchbar.balance-searchbar .el-input {
    flex: 1 1 calc((100% - 8px) / 2) !important;
    width: auto !important;
    margin: 0 !important;
  }
}

/* ---------- 手机(v=oyfn15): 余额筛选微调 —— 下拉固定半行, 搜索框弹性吃满剩余 ---------- */
@media screen and (max-width: 750px) {
  #finance .content_searchbar.balance-searchbar .left_tips {
    flex: 1 1 100%;
  }
  #finance .content_searchbar.balance-searchbar .el-input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 120px;
    margin: 0 !important;
  }
}

/* ---------- 手机(v=oyfn16): 余额筛选真容器(.box)分行 —— 日期范围通栏 + 下拉/搜索框半行 ---------- */
@media screen and (max-width: 750px) {
  #finance .content_searchbar.balance-searchbar .box {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
  }
  #finance .content_searchbar.balance-searchbar .el-date-editor--daterange {
    flex: 1 1 100% !important;
    width: auto !important;
    margin: 0 !important;
  }
  #finance .content_searchbar.balance-searchbar .el-select {
    flex: none !important;
    width: calc((100% - 8px) / 2) !important;
    margin: 0 !important;
  }
  #finance .content_searchbar.balance-searchbar .box > .el-input {
    flex: 1 1 calc((100% - 8px) / 2) !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
  }
}