/*
 * _risk.css — 风控中心 / 风控中心2 完全重写版
 * ==============================================
 *
 * 设计目标（从深度使用者视角）：
 * - 「冲单池」是风控员每秒看的核心数据 → 最大字号 + 红绿强对比 + 一眼能识别 sbj/gjt 哪个商品哪个方向有积压
 * - 「净头寸 + 手动冲单」是高频操作 → 同行排列、表单按钮直接可点
 * - 「历史/持仓/基差汇总」是参考数据 → 紧凑表格 + segment 切换
 * - 数字用等宽字体 + tabular-nums，红绿配色暗色友好（#FF5C7C / #16BE8C）
 * - 整体用 grid 布局，1280+ 桌面 4 列，1024-1280 三列，小屏堆叠
 */

/* ==================== 1. 命名空间根 ==================== */

html[data-skin="dark"] .risk-page {
    /* 覆盖原 risk.css 残留的 padding 等 */
}

/* ==================== 2. 通用卡片 ==================== */

html[data-skin="dark"] .rc-card {
    background: linear-gradient(135deg, var(--bg-2) 0%, var(--bg-elevated) 100%);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 14px 16px;
    box-shadow: var(--shadow-card);
    position: relative;
    overflow: hidden;
}

html[data-skin="dark"] .rc-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
    opacity: 0.4;
    pointer-events: none;
}

html[data-skin="dark"] .rc-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--divider);
    flex-wrap: wrap;
}

html[data-skin="dark"] .rc-card-title {
    color: var(--text-1);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
}

html[data-skin="dark"] .rc-card-title::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 14px;
    background: linear-gradient(180deg, var(--primary) 0%, var(--accent) 100%);
    border-radius: 2px;
}

html[data-skin="dark"] .rc-card-subtitle {
    color: var(--text-2);
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* 实时数据标识：用于「当前持仓」副标题，跳动绿点表示数据实时刷新 */
html[data-skin="dark"] .rc-live-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 6px rgba(34, 197, 94, 0.6);
    animation: rc-pulse 2.4s ease-in-out infinite;
}

@keyframes rc-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* ==================== 3. 冲单池（开仓/平仓 双卡片） ==================== */

html[data-skin="dark"] .rc-pool-grid {
    display: grid;
    grid-template-columns: 1.2fr 1.2fr 0.7fr 0.9fr;
    gap: 12px;
    margin-bottom: 12px;
    align-items: stretch;
}

@media (max-width: 1280px) {
    html[data-skin="dark"] .rc-pool-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    html[data-skin="dark"] .rc-pool-grid {
        grid-template-columns: 1fr;
    }
}

html[data-skin="dark"] .rc-pool-card {
    background: linear-gradient(135deg, var(--bg-2) 0%, var(--bg-elevated) 100%);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 12px 14px;
    box-shadow: var(--shadow-card);
    position: relative;
    overflow: hidden;
}

html[data-skin="dark"] .rc-pool-card.is-open::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #FFB060 50%, transparent);
}

html[data-skin="dark"] .rc-pool-card.is-close::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--primary) 50%, transparent);
}

html[data-skin="dark"] .rc-pool-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--divider);
}

html[data-skin="dark"] .rc-pool-tag {
    padding: 3px 10px;
    border-radius: var(--radius-sm);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

html[data-skin="dark"] .rc-pool-tag.is-open {
    background: rgba(255, 176, 96, 0.15);
    color: #FFB060;
    border: 1px solid rgba(255, 176, 96, 0.3);
}

html[data-skin="dark"] .rc-pool-tag.is-close {
    background: rgba(0, 229, 255, 0.12);
    color: var(--primary);
    border: 1px solid rgba(0, 229, 255, 0.3);
}

html[data-skin="dark"] .rc-pool-subtitle {
    color: var(--text-2);
    font-size: 12px;
}

/* 池子内：sbj/gjt 两商品垂直堆叠（窄宽 4 卡并排适配） */
html[data-skin="dark"] .rc-pool-body {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

html[data-skin="dark"] .rc-pool-symbol {
    background: rgba(14, 20, 38, 0.55);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 10px;
}

html[data-skin="dark"] .rc-pool-symbol-name {
    color: var(--text-2);
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px dashed var(--divider);
}

html[data-skin="dark"] .rc-pool-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

/* 销售/回购 单元 */
html[data-skin="dark"] .rc-stat {
    text-align: center;
    padding: 6px 4px;
    border-radius: var(--radius-sm);
    background: transparent;
}

html[data-skin="dark"] .rc-stat-label {
    font-size: 12px;
    color: var(--text-1);
    font-weight: 500;
    margin-bottom: 4px;
    letter-spacing: 0.5px;
}

html[data-skin="dark"] .rc-stat-lots {
    font-size: 24px;
    font-weight: 700;
    font-family: "SF Mono", Consolas, Monaco, monospace;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    cursor: pointer;
    transition: filter var(--transition-base);
    display: block;
}

html[data-skin="dark"] .rc-stat-lots:hover {
    filter: brightness(1.2);
}

html[data-skin="dark"] .rc-stat.is-sell .rc-stat-lots {
    color: #FF5C7C;
}

html[data-skin="dark"] .rc-stat.is-buy .rc-stat-lots {
    color: #16BE8C;
}

html[data-skin="dark"] .rc-stat-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 4px;
}

html[data-skin="dark"] .rc-stat-price {
    font-size: 13px;
    font-family: "SF Mono", Consolas, Monaco, monospace;
    color: var(--text-1);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

html[data-skin="dark"] .rc-stat-clear {
    background: rgba(239, 68, 68, 0.06);
    border: 1px solid rgba(239, 68, 68, 0.32);
    color: #F47373;
    padding: 1px 8px;
    border-radius: 3px;
    font-size: 10px;
    cursor: pointer;
    line-height: 1.4;
    transition: all var(--transition-base);
}

html[data-skin="dark"] .rc-stat-clear:hover {
    background: var(--danger);
    border-color: var(--danger);
    color: #fff;
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3);
}

/* ==================== 4. 净头寸 + 手动冲单 + 全部清零 ==================== */

/* 4 卡并排时：净头寸 / 手动添加卡片在 .rc-pool-grid 内的样式 */
html[data-skin="dark"] .rc-pool-grid > .rc-card {
    display: flex;
    flex-direction: column;
}

/* 顶部彩条与 .rc-pool-card 视觉对齐：铺满 + 2px */
html[data-skin="dark"] .rc-pool-grid > .rc-card::before {
    left: 0;
    right: 0;
    height: 2px;
    opacity: 1;
}

html[data-skin="dark"] .rc-pool-net::before {
    background: linear-gradient(90deg, transparent, var(--primary) 50%, transparent);
}

html[data-skin="dark"] .rc-pool-add::before {
    background: linear-gradient(90deg, transparent, var(--accent, #7C5CFF) 50%, transparent);
}

/* 净头寸：sbj/gjt 垂直堆叠 + 撑满高度 */
html[data-skin="dark"] .rc-pool-net .rc-net-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    flex: 1;
}

html[data-skin="dark"] .rc-pool-net .rc-net-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 8px;
}

html[data-skin="dark"] .rc-pool-net .rc-net-lots {
    font-size: 26px;
}

/* 净头寸卡片 */
html[data-skin="dark"] .rc-net-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

html[data-skin="dark"] .rc-net-item {
    background: rgba(14, 20, 38, 0.55);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 12px;
    text-align: center;
}

html[data-skin="dark"] .rc-net-symbol {
    color: var(--text-1);
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 4px;
    letter-spacing: 0.5px;
}

html[data-skin="dark"] .rc-net-lots {
    font-size: 28px;
    font-weight: 700;
    font-family: "SF Mono", Consolas, Monaco, monospace;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

html[data-skin="dark"] .rc-net-lots.layui-font-red {
    color: #FF5C7C !important;
}

html[data-skin="dark"] .rc-net-lots.layui-font-green {
    color: #16BE8C !important;
}

html[data-skin="dark"] .rc-net-price {
    margin-top: 6px;
    color: var(--text-2);
    font-size: 13px;
}

html[data-skin="dark"] .rc-net-price strong {
    font-family: "SF Mono", Consolas, Monaco, monospace;
    font-weight: 700;
    color: var(--text-1);
    font-size: 14px;
    margin-right: 3px;
    font-variant-numeric: tabular-nums;
}

/* 手动冲单卡片：表单铺满剩余高度，三块均匀分布去掉中间空白 */
html[data-skin="dark"] .rc-add-card .rc-add-form {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 14px;
    justify-content: space-evenly;
    padding: 6px 0 2px;
}

/* 商品 radio：胶囊 tab 选择器（替代笨重的边框 + 圆点） */
html[data-skin="dark"] .rc-add-symbol {
    display: flex;
    gap: 0;
    padding: 3px;
    background: rgba(14, 20, 38, 0.7);
    border: 1px solid var(--border);
    border-radius: 999px;
}

html[data-skin="dark"] .rc-add-symbol label {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 999px;
    cursor: pointer;
    color: var(--text-2);
    font-size: 13px;
    font-weight: 500;
    transition: all var(--transition-base);
    user-select: none;
}

html[data-skin="dark"] .rc-add-symbol label:hover {
    color: var(--text-1);
}

html[data-skin="dark"] .rc-add-symbol label:has(input:checked) {
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.2) 0%, rgba(124, 92, 255, 0.2) 100%);
    color: var(--primary);
    font-weight: 600;
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.15);
}

html[data-skin="dark"] .rc-add-symbol input[type="radio"] {
    display: none;
}

/* 屏蔽 layui 自动渲染的 radio 圆圈 UI（layui 在 input 后插入 .layui-form-radio div） */
html[data-skin="dark"] .rc-add-symbol .layui-form-radio,
html[data-skin="dark"] .rc-add-symbol .layui-unselect.layui-form-radio {
    display: none !important;
}

/* 金重 / 金价：卡片式输入框（label 在上、数字在下，整体作为可聚焦容器） */
html[data-skin="dark"] .rc-add-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

html[data-skin="dark"] .rc-add-field {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 7px 10px;
    background: rgba(14, 20, 38, 0.55);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

html[data-skin="dark"] .rc-add-field:focus-within {
    border-color: var(--primary);
    box-shadow: 0 0 0 1px var(--primary-glow);
}

html[data-skin="dark"] .rc-add-field label {
    margin: 0;
    color: var(--text-3);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
}

html[data-skin="dark"] .rc-add-field input {
    width: 100%;
    min-width: 0;
    height: 22px;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--text-1);
    font-family: "SF Mono", Consolas, Monaco, monospace;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    font-variant-numeric: tabular-nums;
}

html[data-skin="dark"] .rc-add-field input:focus {
    outline: none;
    box-shadow: none;
    border: 0;
}

html[data-skin="dark"] .rc-add-field input::placeholder {
    color: var(--text-4, #4a5670);
    font-weight: 400;
}

/* 4 个交易按钮：等高紧凑 */
html[data-skin="dark"] .rc-add-buttons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

html[data-skin="dark"] .rc-add-buttons .rc-btn {
    width: 100%;
    min-width: 0;
    height: 36px;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: var(--radius-md);
}

html[data-skin="dark"] .rc-btn {
    height: 30px;
    padding: 0 8px;
    border: 0;
    border-radius: var(--radius-sm);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

html[data-skin="dark"] .rc-btn--sell {
    background: linear-gradient(135deg, #FF5C7C 0%, #FF7A95 100%);
    box-shadow: 0 2px 8px rgba(255, 92, 124, 0.2);
}

html[data-skin="dark"] .rc-btn--sell-outline {
    background: transparent;
    color: #FF5C7C;
    border: 1px solid #FF5C7C;
}

html[data-skin="dark"] .rc-btn--buy {
    background: linear-gradient(135deg, #16BE8C 0%, #2DD4A8 100%);
    box-shadow: 0 2px 8px rgba(22, 190, 140, 0.2);
}

html[data-skin="dark"] .rc-btn--buy-outline {
    background: transparent;
    color: #16BE8C;
    border: 1px solid #16BE8C;
}

/* 风控中心：添加订单 4 按钮 — 统一系统强调色（青→紫），开/平靠实心/描边，多/空靠 ▲▼
 * 用 .rc-add-buttons 前缀提升特异性到 (0,0,3,1)，胜过基类 .rc-btn (0,0,2,1) 的 color/background。
 */
html[data-skin="dark"] .rc-add-buttons .rc-btn--open-long,
html[data-skin="dark"] .rc-add-buttons .rc-btn--open-short {
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    color: var(--text-on-primary);
    box-shadow: 0 2px 8px rgba(0, 229, 255, 0.2);
}

html[data-skin="dark"] .rc-add-buttons .rc-btn--close-long,
html[data-skin="dark"] .rc-add-buttons .rc-btn--close-short {
    background: transparent;
    color: var(--primary);
    border: 1px solid rgba(0, 229, 255, 0.45);
}

html[data-skin="dark"] .rc-add-buttons .rc-btn--close-long:hover,
html[data-skin="dark"] .rc-add-buttons .rc-btn--close-short:hover {
    background: rgba(0, 229, 255, 0.08);
    border-color: var(--primary);
}

html[data-skin="dark"] .rc-btn-arrow {
    display: inline-block;
    font-size: 9px;
    margin-right: 4px;
    line-height: 1;
    vertical-align: 1px;
    opacity: 0.85;
}

/* 添加订单卡：品种 tab 上方提示文案 */
html[data-skin="dark"] .rc-add-hint {
    color: var(--text-2);
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: -4px;
}

html[data-skin="dark"] .rc-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.1);
}

/* 卡片头部右侧的"全部清零"小按钮（替代原先笨重的整列 .rc-clearall） */
html[data-skin="dark"] .rc-btn-clear-all {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 26px;
    padding: 0 12px;
    background: rgba(255, 92, 124, 0.08);
    border: 1px solid rgba(255, 92, 124, 0.35);
    border-radius: var(--radius-sm);
    color: #FF8AA0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all var(--transition-base);
}

html[data-skin="dark"] .rc-btn-clear-all:hover {
    background: linear-gradient(135deg, var(--danger) 0%, #FF7A95 100%);
    border-color: var(--danger);
    color: #fff;
    box-shadow: 0 2px 8px rgba(255, 82, 82, 0.25);
}

html[data-skin="dark"] .rc-btn-clear-all i {
    font-size: 13px;
}

/* ==================== 5. 3 列汇总区 ==================== */

html[data-skin="dark"] .rc-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}

@media (max-width: 1280px) {
    html[data-skin="dark"] .rc-summary-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 900px) {
    html[data-skin="dark"] .rc-summary-grid {
        grid-template-columns: 1fr;
    }
}

/* segmented control */
html[data-skin="dark"] .rc-segment {
    display: inline-flex;
    background: var(--bg-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 2px;
    gap: 0;
}

html[data-skin="dark"] .rc-seg {
    padding: 4px 10px;
    color: var(--text-2);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 3px;
    transition: all var(--transition-base);
    line-height: 1.4;
    user-select: none;
}

html[data-skin="dark"] .rc-seg:hover {
    color: var(--text-1);
}

html[data-skin="dark"] .rc-seg.active {
    background: rgba(0, 229, 255, 0.14);
    color: var(--primary);
    font-weight: 600;
    box-shadow: inset 0 0 0 1px rgba(0, 229, 255, 0.4);
}

/* 自定义日期 */
html[data-skin="dark"] .rc-date-range {
    display: flex;
    gap: 6px;
    margin-bottom: 10px;
}

html[data-skin="dark"] .rc-date-range input {
    flex: 1;
    height: 28px;
    padding: 0 8px;
    background: var(--bg-input);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-sm);
    color: var(--text-1);
    font-size: 12px;
}

html[data-skin="dark"] .rc-date-range button {
    height: 28px;
    padding: 0 12px;
    background: var(--primary);
    border: 0;
    border-radius: var(--radius-sm);
    color: #0A0E1C;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

html[data-skin="dark"] .rc-date-range button:hover {
    background: var(--primary-active);
}

/* 商品分块（一个 card 内 sbj+gjt 各一块） */
html[data-skin="dark"] .rc-summary-block {
    margin-bottom: 12px;
}

html[data-skin="dark"] .rc-summary-block:last-child {
    margin-bottom: 0;
}

html[data-skin="dark"] .rc-summary-symbol {
    color: var(--text-2);
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
    padding-left: 4px;
    border-left: 2px solid var(--primary);
}

/* 紧凑矩阵表 */
html[data-skin="dark"] .rc-mini-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

html[data-skin="dark"] .rc-mini-table th {
    color: var(--text-1);
    font-size: 12px;
    font-weight: 600;
    padding: 6px 4px;
    text-align: center;
    background: var(--bg-3);
    border: 1px solid var(--border);
    letter-spacing: 0.5px;
}

html[data-skin="dark"] .rc-mini-table th.is-sell {
    color: #FF5C7C;
}

html[data-skin="dark"] .rc-mini-table th.is-buy {
    color: #16BE8C;
}

html[data-skin="dark"] .rc-mini-table td {
    padding: 4px;
    text-align: center;
    background: rgba(14, 20, 38, 0.45);
    border: 1px solid var(--border);
}

html[data-skin="dark"] .rc-mini-table td.is-label {
    color: var(--text-2);
    font-weight: 500;
    background: var(--bg-3);
}

/* 表格内的可点击数据单元（look-order-*） */
html[data-skin="dark"] .rc-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 2px;
    cursor: pointer;
    border-radius: 3px;
    transition: background var(--transition-base);
}

html[data-skin="dark"] .rc-cell:hover {
    background: rgba(0, 229, 255, 0.06);
}

html[data-skin="dark"] .rc-cell-lots {
    font-size: 15px;
    font-weight: 700;
    font-family: "SF Mono", Consolas, monospace;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

html[data-skin="dark"] .rc-cell-price {
    font-size: 12px;
    padding: 1px 6px;
    border-radius: 2px;
    font-family: "SF Mono", Consolas, monospace;
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
    font-weight: 600;
}

/* mini-table 行 hover 高亮，便于左右扫描销售/回购数字 */
html[data-skin="dark"] .rc-mini-table tbody tr {
    transition: background var(--transition-base);
}

html[data-skin="dark"] .rc-mini-table tbody tr:hover {
    background: rgba(0, 229, 255, 0.025);
}

html[data-skin="dark"] .rc-cell-price.layui-font-red,
html[data-skin="dark"] .rc-cell-price--red {
    color: #FF5C7C !important;
    background: rgba(255, 92, 124, 0.12);
}

html[data-skin="dark"] .rc-cell-price.layui-font-green,
html[data-skin="dark"] .rc-cell-price--green {
    color: #16BE8C !important;
    background: rgba(22, 190, 140, 0.12);
}

html[data-skin="dark"] .rc-cell-lots.layui-font-red {
    color: #FF5C7C !important;
}

html[data-skin="dark"] .rc-cell-lots.layui-font-green {
    color: #16BE8C !important;
}

/* ==================== 6. 风控中心2 专属 ==================== */

/* 数据面板：把"商品 tab → 状态总览 → 筛选条 → 盈亏卡 → 重量栏"包成一个视觉单元，
   表达"上方筛选 + 下方数据展示"的关联性 */
html[data-skin="dark"] .rc-stats-panel {
    position: relative;
    padding: 14px;
    background:
        linear-gradient(135deg, rgba(20, 28, 50, 0.45) 0%, rgba(14, 20, 38, 0.25) 100%);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: 12px;
    box-shadow: inset 0 0 0 1px rgba(0, 229, 255, 0.04), 0 2px 8px rgba(0, 0, 0, 0.18);
}

/* 顶部装饰彩条，与 .rc-pool-card / .rc-card 风格统一 */
html[data-skin="dark"] .rc-stats-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
    opacity: 0.7;
}

/* 面板内子块取消各自的下外边距，由 panel 统一处理块间距 */
html[data-skin="dark"] .rc-stats-panel > .rc-filter-bar,
html[data-skin="dark"] .rc-stats-panel > .rc-pnl-grid,
html[data-skin="dark"] .rc-stats-panel > .rc-weight-bar,
html[data-skin="dark"] .rc-stats-panel > .rc-stats-section {
    margin-bottom: 0;
}

html[data-skin="dark"] .rc-stats-panel > * + * {
    margin-top: 10px;
}

/* 面板内的"条带式"子块（筛选 / 重量栏）减弱外框，让它们与 panel 融合 */
html[data-skin="dark"] .rc-stats-panel > .rc-filter-bar,
html[data-skin="dark"] .rc-stats-panel > .rc-weight-bar {
    background: rgba(14, 20, 38, 0.35);
    border-color: var(--divider);
}

/* ==================== 7. 持仓 / 已结统计 — 紧凑 dashboard ==================== */

html[data-skin="dark"] .rc-stats-section {
    background: linear-gradient(135deg, rgba(20, 28, 50, 0.55) 0%, rgba(14, 20, 38, 0.4) 100%);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), 0 2px 8px rgba(0, 0, 0, 0.18);
}

/* 标题条 */
html[data-skin="dark"] .rc-stats-section-head {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: linear-gradient(90deg, rgba(0, 229, 255, 0.06) 0%, rgba(124, 92, 255, 0.04) 100%);
    border-bottom: 1px solid var(--divider);
}

html[data-skin="dark"] .rc-stats-section-head::after {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--primary), transparent);
    opacity: 0.4;
}

html[data-skin="dark"] .rc-stats-section-title {
    color: var(--text-1);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

html[data-skin="dark"] .rc-stats-section-title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 13px;
    background: linear-gradient(180deg, var(--primary) 0%, var(--accent, #7C5CFF) 100%);
    border-radius: 2px;
}

/* 角色行：单行水平 */
html[data-skin="dark"] .rc-stats-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 7px 12px 7px 0;
    border-bottom: 1px solid var(--divider);
    min-height: 42px;
    transition: background var(--transition-base);
}

html[data-skin="dark"] .rc-stats-row:last-child {
    border-bottom: 0;
}

html[data-skin="dark"] .rc-stats-row:hover {
    background: rgba(0, 229, 255, 0.025);
}

/* 左侧 head：角色名 + 汇总 */
html[data-skin="dark"] .rc-stats-row-head {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding-left: 12px;
    border-left: 3px solid var(--border);
    flex: 0 0 auto;
    min-width: 0;
}

html[data-skin="dark"] .rc-stats-row.is-mem .rc-stats-row-head {
    border-left-color: var(--primary);
}

html[data-skin="dark"] .rc-stats-row.is-risk .rc-stats-row-head {
    border-left-color: var(--accent, #7C5CFF);
}

html[data-skin="dark"] .rc-stats-row.is-count .rc-stats-row-head {
    border-left-color: #FFB060;
}

html[data-skin="dark"] .rc-stats-row-label {
    color: var(--text-1);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    width: 56px;
    flex: 0 0 auto;
}

html[data-skin="dark"] .rc-stats-row.is-mem .rc-stats-row-label {
    color: var(--primary);
    text-shadow: 0 0 8px rgba(0, 229, 255, 0.2);
}

html[data-skin="dark"] .rc-stats-row.is-risk .rc-stats-row-label {
    color: var(--accent, #7C5CFF);
    text-shadow: 0 0 8px rgba(124, 92, 255, 0.2);
}

html[data-skin="dark"] .rc-stats-row.is-count .rc-stats-row-label {
    color: #FFB060;
    text-shadow: 0 0 8px rgba(255, 176, 96, 0.2);
}

html[data-skin="dark"] .rc-stats-row-sub {
    color: var(--text-2);
    font-size: 12px;
    font-weight: 400;
    margin-left: 2px;
    letter-spacing: 0;
}

/* 汇总胶囊 */
html[data-skin="dark"] .rc-stats-row-summary {
    display: inline-flex;
    gap: 6px;
    flex-wrap: nowrap;
}

html[data-skin="dark"] .rc-stats-sum-pill {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 3px 10px;
    background: rgba(14, 20, 38, 0.7);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    line-height: 1.4;
    flex: 0 0 auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

html[data-skin="dark"] .rc-stats-sum-pill.is-profit {
    border-color: rgba(30, 159, 255, 0.4);
    background: linear-gradient(90deg, rgba(30, 159, 255, 0.14), rgba(30, 159, 255, 0.04));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 0 8px rgba(30, 159, 255, 0.08);
}

html[data-skin="dark"] .rc-stats-sum-label {
    color: var(--text-2);
    font-size: 12px;
    margin: 0;
    letter-spacing: 0.3px;
}

html[data-skin="dark"] .rc-stats-sum-value {
    color: var(--text-1);
    font-size: 14px;
    font-weight: 700;
    font-family: "SF Mono", Consolas, monospace;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

html[data-skin="dark"] .rc-stats-sum-pill.is-profit .rc-stats-sum-value {
    color: #6BB4F0;
}

/* 右侧 body：销售 + 回购 内联 */
html[data-skin="dark"] .rc-stats-row-body {
    display: flex;
    flex: 1;
    min-width: 0;
    gap: 10px;
}

html[data-skin="dark"] .rc-stats-side {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    flex: 1;
    min-width: 0;
    border-radius: var(--radius-sm);
}

html[data-skin="dark"] .rc-stats-side.is-sell {
    background: linear-gradient(90deg, rgba(255, 92, 124, 0.07) 0%, rgba(255, 92, 124, 0.02) 60%, transparent 100%);
}

html[data-skin="dark"] .rc-stats-side.is-buy {
    background: linear-gradient(90deg, rgba(22, 190, 140, 0.07) 0%, rgba(22, 190, 140, 0.02) 60%, transparent 100%);
}

html[data-skin="dark"] .rc-stats-side-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    flex: 0 0 auto;
    line-height: 1.4;
    border: 1px solid;
}

html[data-skin="dark"] .rc-stats-side.is-sell .rc-stats-side-tag {
    background: rgba(255, 92, 124, 0.15);
    color: #FF5C7C;
    border-color: rgba(255, 92, 124, 0.35);
}

html[data-skin="dark"] .rc-stats-side.is-buy .rc-stats-side-tag {
    background: rgba(22, 190, 140, 0.15);
    color: #16BE8C;
    border-color: rgba(22, 190, 140, 0.35);
}

/* 指标网格 */
html[data-skin="dark"] .rc-stats-metrics {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
    flex: 1;
    min-width: 0;
}

html[data-skin="dark"] .rc-stats-metrics--compact {
    grid-template-columns: repeat(2, 1fr);
}

html[data-skin="dark"] .rc-metric {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 3px 9px;
    background: rgba(14, 20, 38, 0.45);
    border-radius: 4px;
    min-width: 0;
    line-height: 1.4;
    transition: background var(--transition-base);
}

html[data-skin="dark"] .rc-metric:hover {
    background: rgba(14, 20, 38, 0.75);
}

html[data-skin="dark"] .rc-metric > label {
    color: var(--text-2);
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 0;
    white-space: nowrap;
    flex: 0 0 auto;
}

html[data-skin="dark"] .rc-metric-value {
    color: var(--text-1);
    font-size: 13px;
    font-weight: 600;
    font-family: "SF Mono", Consolas, monospace;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

/* 差额 / 盈亏：浅渐变背景高亮 */
html[data-skin="dark"] .rc-metric.is-diff {
    background: linear-gradient(90deg, rgba(255, 184, 0, 0.14), rgba(255, 184, 0, 0.04));
    box-shadow: inset 0 0 0 1px rgba(255, 184, 0, 0.1);
}

html[data-skin="dark"] .rc-metric.is-diff .rc-metric-value {
    color: #FFD060;
}

html[data-skin="dark"] .rc-metric.is-profit {
    background: linear-gradient(90deg, rgba(30, 159, 255, 0.14), rgba(30, 159, 255, 0.04));
    box-shadow: inset 0 0 0 1px rgba(30, 159, 255, 0.1);
}

html[data-skin="dark"] .rc-metric.is-profit .rc-metric-value {
    color: #6BB4F0;
}

/* 重量列红/绿 + font-weight 强调 */
html[data-skin="dark"] .rc-metric-value.layui-font-red {
    color: #FF5C7C !important;
}

html[data-skin="dark"] .rc-metric-value.layui-font-green {
    color: #16BE8C !important;
}

html[data-skin="dark"] .rc-metric-value.font-weight {
    font-weight: 700;
    font-size: 14px;
}

/* 响应式：≤1280 角色行换行（head 一行、body 一行） */
@media (max-width: 1280px) {
    html[data-skin="dark"] .rc-stats-row {
        flex-wrap: wrap;
        padding-right: 8px;
    }

    html[data-skin="dark"] .rc-stats-row-head {
        flex: 1 0 100%;
        padding: 6px 10px;
    }

    html[data-skin="dark"] .rc-stats-row-body {
        flex: 1 0 100%;
        padding: 0 4px 4px;
    }
}

@media (max-width: 768px) {
    html[data-skin="dark"] .rc-stats-row-body {
        flex-direction: column;
    }

    html[data-skin="dark"] .rc-stats-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* 商品 tab — 胶囊 segmented（与添加订单卡品种 tab / 搜索栏 segmented 视觉一致） */
html[data-skin="dark"] .rc-symbol-tabs {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: var(--bg-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: 12px;
    flex-wrap: wrap;
}

html[data-skin="dark"] .rc-symbol-tabs .rc-tabs-label {
    color: var(--text-3);
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-right: 2px;
}

/* layui radio 渲染插入 <div class="layui-form-radio">，把它和 label 都接管为胶囊段 */
html[data-skin="dark"] .rc-symbol-tabs label {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

html[data-skin="dark"] .rc-symbol-tabs input[type="radio"] {
    display: none;
}

html[data-skin="dark"] .rc-symbol-tabs .layui-form-radio {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 5px 14px;
    border-radius: 999px;
    cursor: pointer;
    color: var(--text-2);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    height: auto;
    background: rgba(14, 20, 38, 0.7);
    border: 1px solid var(--border);
    transition: color var(--transition-base), background var(--transition-base), border-color var(--transition-base);
    user-select: none;
}

html[data-skin="dark"] .rc-symbol-tabs .layui-form-radio:hover {
    color: var(--text-1);
    border-color: rgba(0, 229, 255, 0.35);
}

html[data-skin="dark"] .rc-symbol-tabs .layui-form-radio > i {
    display: none;
}

html[data-skin="dark"] .rc-symbol-tabs .layui-form-radio > div {
    margin-left: 0;
}

html[data-skin="dark"] .rc-symbol-tabs .layui-form-radioed {
    background: rgba(0, 229, 255, 0.14);
    color: var(--primary);
    font-weight: 600;
    border-color: rgba(0, 229, 255, 0.4);
    box-shadow: inset 0 0 0 1px rgba(0, 229, 255, 0.2);
}

/* stats 顶部概览：4 格池 + 持仓 + 净头寸 */
html[data-skin="dark"] .rc-stats-overview {
    display: grid;
    grid-template-columns: 1.4fr 1fr 0.7fr;
    gap: 12px;
    margin-bottom: 12px;
}

@media (max-width: 1280px) {
    html[data-skin="dark"] .rc-stats-overview {
        grid-template-columns: 1fr 1fr;
    }
    html[data-skin="dark"] .rc-stats-overview > :first-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    html[data-skin="dark"] .rc-stats-overview {
        grid-template-columns: 1fr;
    }
}

/* 单 future 4 格池（开仓销/购 + 平仓销/购） */
html[data-skin="dark"] .rc-pool-mini {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

html[data-skin="dark"] .rc-pool-mini-cell {
    background: rgba(14, 20, 38, 0.55);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 8px 6px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

html[data-skin="dark"] .rc-pool-mini-cell .rc-mini-label {
    font-size: 12px;
    color: var(--text-1);
    font-weight: 500;
    letter-spacing: 0.5px;
}

html[data-skin="dark"] .rc-pool-mini-cell .rc-mini-lots {
    font-size: 22px;
    font-weight: 700;
    font-family: "SF Mono", Consolas, monospace;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    line-height: 1.1;
    transition: filter var(--transition-base);
}

html[data-skin="dark"] .rc-pool-mini-cell .rc-mini-lots:hover {
    filter: brightness(1.2);
}

html[data-skin="dark"] .rc-pool-mini-cell .rc-mini-lots.layui-font-red {
    color: #FF5C7C !important;
}

html[data-skin="dark"] .rc-pool-mini-cell .rc-mini-lots.layui-font-green {
    color: #16BE8C !important;
}

html[data-skin="dark"] .rc-pool-mini-cell .rc-mini-price {
    font-size: 13px;
    padding: 2px 9px;
    border-radius: 3px;
    font-family: "SF Mono", Consolas, monospace;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    align-self: center;
}

html[data-skin="dark"] .rc-pool-mini-cell .rc-mini-price.layui-font-red {
    background: rgba(255, 92, 124, 0.12);
    color: #FF5C7C !important;
}

html[data-skin="dark"] .rc-pool-mini-cell .rc-mini-price.layui-font-green {
    background: rgba(22, 190, 140, 0.12);
    color: #16BE8C !important;
}

html[data-skin="dark"] .rc-pool-mini-cell button {
    background: var(--bg-3);
    border: 1px solid var(--border);
    color: var(--text-3);
    padding: 2px;
    border-radius: 3px;
    font-size: 10px;
    cursor: pointer;
    transition: all var(--transition-base);
}

html[data-skin="dark"] .rc-pool-mini-cell button:hover {
    background: var(--danger);
    border-color: var(--danger);
    color: #fff;
}

/* 当前持仓 / 净头寸 紧凑表 */
html[data-skin="dark"] .rc-holding-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

html[data-skin="dark"] .rc-holding-table th,
html[data-skin="dark"] .rc-holding-table td {
    padding: 6px 8px;
    text-align: center;
    border: 1px solid var(--border);
}

html[data-skin="dark"] .rc-holding-table th {
    background: var(--bg-3);
    color: var(--text-1);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

html[data-skin="dark"] .rc-holding-table th.is-sell {
    color: #FF5C7C;
}

html[data-skin="dark"] .rc-holding-table th.is-buy {
    color: #16BE8C;
}

html[data-skin="dark"] .rc-holding-table td {
    background: rgba(14, 20, 38, 0.45);
    color: var(--text-2);
}

html[data-skin="dark"] .rc-holding-table td.is-label {
    background: var(--bg-3);
    color: var(--text-2);
    font-size: 11px;
}

html[data-skin="dark"] .rc-holding-table .rc-cell-lots {
    font-size: 16px;
}

/* 过滤栏 */
html[data-skin="dark"] .rc-filter-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: var(--bg-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: 12px;
    flex-wrap: wrap;
}

html[data-skin="dark"] .rc-filter-bar .rc-filter-label {
    color: var(--text-3);
    font-size: 12px;
}

html[data-skin="dark"] .rc-filter-bar select,
html[data-skin="dark"] .rc-filter-bar input[type="text"] {
    height: 28px;
    padding: 0 8px;
    background: var(--bg-input);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-sm);
    color: var(--text-1);
    font-size: 12px;
}

html[data-skin="dark"] .rc-filter-bar .rc-date-radios {
    display: inline-flex;
    background: var(--bg-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 2px;
}

/* 过滤栏内的 segment 略增尺寸，与 select / input 同行视觉协调 */
html[data-skin="dark"] .rc-filter-bar .rc-filter-segment {
    padding: 3px;
}

html[data-skin="dark"] .rc-filter-bar .rc-filter-segment .rc-seg {
    padding: 4px 12px;
    font-size: 12px;
    line-height: 1.4;
}

html[data-skin="dark"] .rc-filter-bar .rc-date-radios label {
    padding: 3px 10px;
    color: var(--text-3);
    font-size: 11px;
    cursor: pointer;
    border-radius: 3px;
    transition: all var(--transition-base);
    line-height: 1.4;
}

html[data-skin="dark"] .rc-filter-bar .rc-date-radios label:has(input:checked) {
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    color: #0A0E1C;
    font-weight: 600;
}

html[data-skin="dark"] .rc-filter-bar .rc-date-radios input[type="radio"] {
    display: none;
}

html[data-skin="dark"] .rc-filter-bar .rc-confirm-btn {
    height: 28px;
    padding: 0 14px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    border: 0;
    border-radius: var(--radius-sm);
    color: #0A0E1C;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    box-sizing: border-box;
    line-height: 1;
    vertical-align: middle;
}

/* 过滤栏内所有交互元素强制 28px 高度，整行对齐 */
html[data-skin="dark"] .rc-filter-bar select,
html[data-skin="dark"] .rc-filter-bar input[type="text"],
html[data-skin="dark"] .rc-filter-bar .rc-segment {
    box-sizing: border-box;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}

html[data-skin="dark"] .rc-filter-bar .rc-segment {
    line-height: 1;
    padding: 2px;
}

/* 盈亏汇总 3 卡片 */
html[data-skin="dark"] .rc-pnl-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}

@media (max-width: 1024px) {
    html[data-skin="dark"] .rc-pnl-grid {
        grid-template-columns: 1fr;
    }
}

html[data-skin="dark"] .rc-pnl-card {
    background: linear-gradient(135deg, var(--bg-2) 0%, var(--bg-elevated) 100%);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 14px 16px;
    position: relative;
    overflow: hidden;
}

html[data-skin="dark"] .rc-pnl-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);
    opacity: 0.4;
}

html[data-skin="dark"] .rc-pnl-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--divider);
}

html[data-skin="dark"] .rc-pnl-title {
    color: var(--text-1);
    font-size: 13px;
    font-weight: 600;
}

html[data-skin="dark"] .rc-pnl-access {
    color: var(--text-2);
    font-size: 12px;
}

html[data-skin="dark"] .rc-pnl-access strong {
    color: var(--primary);
    font-family: "SF Mono", Consolas, monospace;
    font-weight: 600;
    margin-left: 4px;
    font-variant-numeric: tabular-nums;
}

html[data-skin="dark"] .rc-pnl-rows {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

html[data-skin="dark"] .rc-pnl-cell {
    background: rgba(14, 20, 38, 0.5);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 8px;
    text-align: center;
}

html[data-skin="dark"] .rc-pnl-cell-label {
    color: var(--text-2);
    font-size: 12px;
    margin-bottom: 4px;
    letter-spacing: 0.3px;
}

html[data-skin="dark"] .rc-pnl-cell-value {
    color: var(--text-1);
    font-size: 16px;
    font-weight: 700;
    font-family: "SF Mono", Consolas, monospace;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    padding: 2px 6px;
    border-radius: 3px;
    display: inline-block;
}

html[data-skin="dark"] .rc-pnl-cell-value.positive {
    background: rgba(255, 92, 124, 0.15) !important;
    color: #FF5C7C !important;
}

html[data-skin="dark"] .rc-pnl-cell-value.negative {
    background: rgba(22, 190, 140, 0.15) !important;
    color: #16BE8C !important;
}

/* 重量汇总 1 行 */
html[data-skin="dark"] .rc-weight-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    padding: 10px 16px;
    background: var(--bg-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: 12px;
    font-size: 13px;
    color: var(--text-2);
}

html[data-skin="dark"] .rc-weight-bar .rc-weight-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

html[data-skin="dark"] .rc-weight-bar font,
html[data-skin="dark"] .rc-weight-bar strong {
    color: var(--primary);
    font-family: "SF Mono", Consolas, monospace;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

/* 持仓/已结统计大表 */
html[data-skin="dark"] .rc-matrix-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    margin-bottom: 12px;
    background: var(--bg-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

html[data-skin="dark"] .rc-matrix-table th,
html[data-skin="dark"] .rc-matrix-table td {
    padding: 6px 4px;
    text-align: center;
    border: 1px solid var(--border);
    color: var(--text-2);
}

html[data-skin="dark"] .rc-matrix-table thead th,
html[data-skin="dark"] .rc-matrix-table .rc-matrix-rowhead {
    background: var(--bg-3);
    color: var(--text-3);
    font-weight: 500;
    font-size: 11px;
}

html[data-skin="dark"] .rc-matrix-table .is-sell-col {
    color: #FF5C7C;
    background: rgba(255, 92, 124, 0.05);
}

html[data-skin="dark"] .rc-matrix-table .is-buy-col {
    color: #16BE8C;
    background: rgba(22, 190, 140, 0.05);
}

html[data-skin="dark"] .rc-matrix-table .diff-back,
html[data-skin="dark"] .rc-matrix-table.diff-back td.diff-back {
    background: rgba(255, 184, 0, 0.12) !important;
    color: #FFD060 !important;
}

html[data-skin="dark"] .rc-matrix-table .profit-back {
    background: rgba(30, 159, 255, 0.1) !important;
    color: #6BB4F0 !important;
}

html[data-skin="dark"] .rc-matrix-table .font-weight,
html[data-skin="dark"] .rc-matrix-table td.font-weight {
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: "SF Mono", Consolas, monospace;
    font-variant-numeric: tabular-nums;
}

html[data-skin="dark"] .rc-matrix-title {
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.08) 0%, rgba(124, 92, 255, 0.08) 100%);
    color: var(--primary);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 8px !important;
}

html[data-skin="dark"] .rc-matrix-table .layui-font-red {
    color: #FF5C7C !important;
}

html[data-skin="dark"] .rc-matrix-table .layui-font-green {
    color: #16BE8C !important;
}

/* 数字单元 hover 高亮（如果未来加 click） */
html[data-skin="dark"] .rc-matrix-table td[class*="profit_"],
html[data-skin="dark"] .rc-matrix-table td[class*="diff_"] {
    font-family: "SF Mono", Consolas, monospace;
    font-variant-numeric: tabular-nums;
}

/* ==================== 8. 订单数据页（data/order）专属角色色 ==================== */

/* 角色行：回购（绿）/ 订料（红）单行布局，整行 6 个指标 */
html[data-skin="dark"] .rc-stats-row.is-buy-row .rc-stats-row-head {
    border-left-color: #16BE8C;
}

html[data-skin="dark"] .rc-stats-row.is-buy-row .rc-stats-row-label {
    color: #16BE8C;
    text-shadow: 0 0 8px rgba(22, 190, 140, 0.2);
}

html[data-skin="dark"] .rc-stats-row.is-sell-row .rc-stats-row-head {
    border-left-color: #FF5C7C;
}

html[data-skin="dark"] .rc-stats-row.is-sell-row .rc-stats-row-label {
    color: #FF5C7C;
    text-shadow: 0 0 8px rgba(255, 92, 124, 0.2);
}

/* 单栏 row-body（不分销售/回购两栏，整行直接是 6 列指标） */
html[data-skin="dark"] .rc-stats-row-body--single {
    padding: 4px 10px 4px 6px;
}

/* 6 列指标网格 */
html[data-skin="dark"] .rc-stats-metrics--6 {
    grid-template-columns: repeat(6, 1fr);
}

@media (max-width: 1280px) {
    html[data-skin="dark"] .rc-stats-metrics--6 {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 6px;
    }
}

@media (max-width: 768px) {
    html[data-skin="dark"] .rc-stats-metrics--6 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 顶部商品 tab + 快捷按钮行：左侧 tab、右侧快捷按钮，中间 sep 分隔 */
html[data-skin="dark"] .rc-symbol-tabs--data {
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 14px;
}

html[data-skin="dark"] .rc-symbol-tabs--data .rc-tabs-sep {
    display: inline-block;
    width: 1px;
    height: 18px;
    background: var(--divider);
    margin: 0 4px;
    align-self: center;
}

html[data-skin="dark"] .rc-symbol-tabs--data .layui-btn.icon-btn {
    height: 28px;
    line-height: 26px;
    padding: 0 12px;
    font-size: 12px;
    margin: 0;
}

/* 双 section 左右并排（持仓统计 + 已结统计） */
html[data-skin="dark"] .rc-stats-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

@media (max-width: 1024px) {
    html[data-skin="dark"] .rc-stats-2col {
        grid-template-columns: 1fr;
    }
}

/* 2 列模式下 6 个 metric 在窄宽内更紧凑 */
html[data-skin="dark"] .rc-stats-2col .rc-stats-row {
    gap: 8px;
    padding: 5px 8px 5px 0;
    min-height: 36px;
}

html[data-skin="dark"] .rc-stats-2col .rc-stats-row-head {
    gap: 8px;
    padding-left: 8px;
}

html[data-skin="dark"] .rc-stats-2col .rc-stats-row-label {
    width: 36px;
    font-size: 13px;
}

html[data-skin="dark"] .rc-stats-2col .rc-stats-row-body--single {
    padding: 2px 6px 2px 4px;
}

html[data-skin="dark"] .rc-stats-2col .rc-stats-metrics--6 {
    gap: 3px;
    grid-template-columns: repeat(6, 1fr);
}

html[data-skin="dark"] .rc-stats-2col .rc-metric {
    padding: 2px 6px;
    gap: 4px;
}

html[data-skin="dark"] .rc-stats-2col .rc-metric > label {
    font-size: 10px;
    letter-spacing: 0;
}

html[data-skin="dark"] .rc-stats-2col .rc-metric-value {
    font-size: 12px;
}

html[data-skin="dark"] .rc-stats-2col .rc-metric-value.font-weight {
    font-size: 13px;
}

html[data-skin="dark"] .rc-stats-2col .rc-stats-section-head {
    padding: 6px 12px;
}

html[data-skin="dark"] .rc-stats-2col .rc-stats-section-title {
    font-size: 12px;
    letter-spacing: 1.5px;
}

/* ≤1280 时 6 列退化保护：保持横排，仅缩短 padding/字号 */
@media (max-width: 1280px) and (min-width: 1025px) {
    html[data-skin="dark"] .rc-stats-2col .rc-metric {
        padding: 1px 4px;
        gap: 3px;
    }
    html[data-skin="dark"] .rc-stats-2col .rc-metric > label {
        font-size: 9px;
    }
    html[data-skin="dark"] .rc-stats-2col .rc-metric-value {
        font-size: 11px;
    }
}

/* ==================== Z. 风控中心配色重构（销售→紫 / 回购→青） ====================
 * 起因：原方案中销售=红、回购=绿 与 表格"盈亏=红绿"语义冲突，新人易误判。
 * 本节通过 .risk-page 作用域覆盖，把销售/回购重映射到中性色，红绿仅留给盈亏列。
 * 仅影响"风控中心"（.risk-page），不波及"风控中心2"（.risk-page2 等）。
 *
 * 选择器都精确到 .rc-* 自有 class，避免误伤后续表格内的 layui-font-red/green
 * （如 templet 中"平仓"标签）。
 */

/* 销售 → 紫 #BBA9FF */
html[data-skin="dark"] .risk-page .rc-stat.is-sell .rc-stat-lots,
html[data-skin="dark"] .risk-page .rc-cell-lots.layui-font-red,
html[data-skin="dark"] .risk-page .rc-cell-price.layui-font-red,
html[data-skin="dark"] .risk-page .rc-mini-table th.is-sell,
html[data-skin="dark"] .risk-page .rc-mini-table .layui-font-red,
/* 风控中心 2：4 格池数字 / 均价 / 持仓表头 / 持仓统计行内重量 */
html[data-skin="dark"] .risk-page .rc-pool-mini-cell .rc-mini-lots.layui-font-red,
html[data-skin="dark"] .risk-page .rc-pool-mini-cell .rc-mini-price.layui-font-red,
html[data-skin="dark"] .risk-page .rc-holding-table th.is-sell,
html[data-skin="dark"] .risk-page .rc-metric-value.layui-font-red {
    color: #BBA9FF !important;
}

html[data-skin="dark"] .risk-page .rc-cell-price.layui-font-red,
html[data-skin="dark"] .risk-page .rc-pool-mini-cell .rc-mini-price.layui-font-red {
    background: rgba(187, 169, 255, 0.12) !important;
}

/* 回购 → 青 #7DE3EB */
html[data-skin="dark"] .risk-page .rc-stat.is-buy .rc-stat-lots,
html[data-skin="dark"] .risk-page .rc-cell-lots.layui-font-green,
html[data-skin="dark"] .risk-page .rc-cell-price.layui-font-green,
html[data-skin="dark"] .risk-page .rc-mini-table th.is-buy,
html[data-skin="dark"] .risk-page .rc-mini-table .layui-font-green,
html[data-skin="dark"] .risk-page .rc-pool-mini-cell .rc-mini-lots.layui-font-green,
html[data-skin="dark"] .risk-page .rc-pool-mini-cell .rc-mini-price.layui-font-green,
html[data-skin="dark"] .risk-page .rc-holding-table th.is-buy,
html[data-skin="dark"] .risk-page .rc-metric-value.layui-font-green {
    color: #7DE3EB !important;
}

html[data-skin="dark"] .risk-page .rc-cell-price.layui-font-green,
html[data-skin="dark"] .risk-page .rc-pool-mini-cell .rc-mini-price.layui-font-green {
    background: rgba(125, 227, 235, 0.12) !important;
}

/* 销售/回购徽章（持仓统计 .rc-stats-side-tag）：与数字同色系，但用透明背景胶囊 */
html[data-skin="dark"] .risk-page .rc-stats-side.is-sell .rc-stats-side-tag {
    background: rgba(187, 169, 255, 0.14);
    color: #BBA9FF;
    border-color: rgba(187, 169, 255, 0.4);
}

html[data-skin="dark"] .risk-page .rc-stats-side.is-buy .rc-stats-side-tag {
    background: rgba(125, 227, 235, 0.14);
    color: #7DE3EB;
    border-color: rgba(125, 227, 235, 0.4);
}

/* 持仓统计/已结统计的销售/回购分组背景（视觉分组）— 同步换成紫青系 */
html[data-skin="dark"] .risk-page .rc-stats-side.is-sell {
    background: linear-gradient(90deg, rgba(187, 169, 255, 0.07) 0%, rgba(187, 169, 255, 0.02) 60%, transparent 100%);
}

html[data-skin="dark"] .risk-page .rc-stats-side.is-buy {
    background: linear-gradient(90deg, rgba(125, 227, 235, 0.07) 0%, rgba(125, 227, 235, 0.02) 60%, transparent 100%);
}

/* 冲单池 4 格池：均价数字加 "均" 前缀 label，让新员工一眼明白这是均价不是别的 */
html[data-skin="dark"] .risk-page .rc-pool-mini-cell .rc-mini-price::before {
    content: "均 ";
    opacity: 0.7;
    margin-right: 1px;
    font-weight: 400;
}

/* 冲单池 4 格清零按钮危险色（与风控中心 1 .rc-stat-clear 视觉一致） */
html[data-skin="dark"] .risk-page .rc-pool-mini-cell button.clear-log {
    background: rgba(239, 68, 68, 0.06);
    border-color: rgba(239, 68, 68, 0.32);
    color: #F47373;
}

html[data-skin="dark"] .risk-page .rc-pool-mini-cell button.clear-log:hover {
    background: var(--danger);
    border-color: var(--danger);
    color: #fff;
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3);
}

/* 净头寸：> 0 销售积压（紫）, < 0 回购积压（青）。
 * HTML 中三元判断已换成 is-net-sell / is-net-buy class。 */
html[data-skin="dark"] .risk-page .rc-net-lots.is-net-sell {
    color: #BBA9FF !important;
}

html[data-skin="dark"] .risk-page .rc-net-lots.is-net-buy {
    color: #7DE3EB !important;
}

/* ==================== Z2. 风控中心表格空态紧凑 ====================
 * layui 默认空态有大尺寸卡通 SVG + 间距，缩到合理大小避免占用过多纵向空间。
 */
html[data-skin="dark"] .risk-page .layui-table-view .layui-none {
    padding: 28px 0;
    font-size: 12px;
    color: var(--text-3);
}

html[data-skin="dark"] .risk-page .layui-table-view .layui-none svg,
html[data-skin="dark"] .risk-page .layui-table-view .layui-none img {
    max-width: 80px;
    max-height: 80px;
}

/* ==================== Z2.5. 搜索栏 radio → 胶囊 segmented ====================
 * 搜索栏「全部 / 回购 / 销售」是 3 选 1 互斥，更适合 segmented control 而非 layui radio 圆圈。
 * 保留 layui form 渲染逻辑（form.on('radio') 仍生效），仅用 CSS 接管视觉。
 */
html[data-skin="dark"] .risk-page .rc-search-seg {
    display: inline-flex;
    align-items: center;
    background: rgba(14, 20, 38, 0.7);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 3px;
    gap: 0;
}

html[data-skin="dark"] .risk-page .rc-search-seg input[type="radio"] {
    display: none;
}

html[data-skin="dark"] .risk-page .rc-search-seg .layui-form-radio {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 16px;
    margin: 0;
    border-radius: 999px;
    cursor: pointer;
    color: var(--text-3);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    height: auto;
    transition: color var(--transition-base), background var(--transition-base);
    user-select: none;
}

html[data-skin="dark"] .risk-page .rc-search-seg .layui-form-radio > i {
    display: none;
}

html[data-skin="dark"] .risk-page .rc-search-seg .layui-form-radio > div {
    margin-left: 0;
}

html[data-skin="dark"] .risk-page .rc-search-seg .layui-form-radio:hover {
    color: var(--text-1);
}

html[data-skin="dark"] .risk-page .rc-search-seg .layui-form-radioed {
    background: rgba(0, 229, 255, 0.14);
    color: var(--primary);
    font-weight: 600;
    box-shadow: inset 0 0 0 1px rgba(0, 229, 255, 0.4);
}

/* ==================== Z3. 风控中心按钮色阶规范 ====================
 * primary（主操作）  ：渐变 var(--primary) → var(--accent)
 *                      .rc-btn--open-long / .rc-btn--open-short
 *                      .rc-date-range button (#zixuan「确定」)
 *                      .skin-search-form .layui-btn.icon-btn 系列
 * secondary（次操作）：透明 + primary 描边
 *                      .rc-btn--close-long / .rc-btn--close-short
 *                      .rc-seg 默认态
 * danger（危险操作） ：红色描边/填充
 *                      .rc-stat-clear（单项清零）
 *                      .rc-btn-clear-all（全部清零）
 *
 * 老 class .rc-btn--sell/.rc-btn--buy/...-outline 保留以兼容"风控中心 2"，不再用于新页面。
 */