/* ============================================================
   NovaX — 资产页 Assets Page
   OKX 风格：总资产突出、列表清晰、充提入口明显
   ============================================================ */

/* ------------------------------------------------------------
   1. 总资产展示
   ------------------------------------------------------------ */
.assets-total {
    text-align: center;
    padding: var(--spacing-3xl) var(--spacing-xl);
    background: var(--bg-card);
    border-radius: var(--border-radius-lg);
    margin-bottom: var(--spacing-lg);
    border: 1px solid var(--border-color);
}
.total-label {
    font-size: var(--font-size-sm);
    color: var(--text-muted);
    margin-bottom: var(--spacing-sm);
}
.total-value {
    font-size: var(--font-size-4xl);
    font-weight: var(--font-weight-bolder);
    font-family: 'SF Mono', 'Courier New', monospace;
    color: var(--text-primary);
    letter-spacing: -1px;
}

/* ------------------------------------------------------------
   2. 资产列表
   ------------------------------------------------------------ */
.assets-list {
    display: flex; flex-direction: column;
    gap: 2px;
}
.asset-item {
    display: flex; align-items: center;
    padding: var(--spacing-md) 0;
    border-bottom: 1px solid var(--border-color);
}
.asset-item:last-child { border-bottom: none; }
.asset-item .asset-icon {
    width: 40px; height: 40px;
    border-radius: 50%;
    background: var(--bg-input);
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; font-weight: var(--font-weight-bold);
    margin-right: var(--spacing-md); flex-shrink: 0;
}
.asset-item .asset-info { flex: 1; }
.asset-item .asset-coin {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-bold);
}
.asset-item .asset-name {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}
.asset-item .asset-balance { text-align: right; }
.asset-item .asset-available {
    display: block;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-medium);
    font-family: 'SF Mono', 'Courier New', monospace;
}
.asset-item .asset-frozen {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

/* ------------------------------------------------------------
   3. 充提按钮
   ------------------------------------------------------------ */
.assets-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
    padding: var(--spacing-lg) 0;
}
.asset-action-btn {
    display: flex; align-items: center; justify-content: center;
    gap: var(--spacing-sm);
    height: 44px;
    border-radius: var(--border-radius);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-bold);
    transition: all 0.12s;
}
.asset-action-btn:active { transform: scale(0.97); }
.deposit-btn {
    background: var(--btn-up-bg);
    color: var(--btn-up-text);
}
.withdraw-btn {
    background: var(--bg-card);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

/* ------------------------------------------------------------
   4. 交易流水列表
   ------------------------------------------------------------ */
.flow-list {
    display: flex; flex-direction: column;
    gap: 2px;
}
.flow-item {
    display: flex; align-items: center;
    padding: var(--spacing-sm) 0;
    border-bottom: 1px solid var(--border-color);
    font-size: var(--font-size-sm);
}
.flow-item:last-child { border-bottom: none; }
.flow-item .flow-type { flex: 1; }
.flow-item .flow-amount {
    font-weight: var(--font-weight-medium);
    font-family: 'SF Mono', 'Courier New', monospace;
}
.flow-item .flow-amount.in  { color: var(--color-up); }
.flow-item .flow-amount.out { color: var(--color-down); }
.flow-item .flow-time {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    margin-left: var(--spacing-md);
}

/* ------------------------------------------------------------
   5. 充提记录列表
   ------------------------------------------------------------ */
.recharge-records, .withdraw-records {
    display: flex; flex-direction: column;
    gap: var(--spacing-sm);
}
.recharge-item, .withdraw-item {
    display: flex; align-items: center;
    padding: var(--spacing-md);
    background: var(--bg-card);
    border-radius: var(--border-radius-lg);
    border: 1px solid var(--border-color);
}
.recharge-item .rc-info, .withdraw-item .wd-info { flex: 1; }
.recharge-item .rc-amount, .withdraw-item .wd-amount {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-bold);
}
.recharge-item .rc-coin, .withdraw-item .wd-coin {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}
.recharge-item .rc-status, .withdraw-item .wd-status { text-align: right; }