/* 交易页面清晰度优化样式 */
/* 只针对非K线图区域的内容进行优化 */

/* 提高文字对比度 */
.fcc, .fccs, .fcf {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* 优化输入框文字颜色和背景 */
.xjinput {
    color: #ffffff !important;
    background: #2a2b2c !important;
    border: 1px solid #444444 !important;
    border-radius: 6px !important;
}

.xjinput:focus {
    border-color: #00d4aa !important;
    box-shadow: 0 0 0 2px rgba(0, 212, 170, 0.2) !important;
}

.xjinput::placeholder {
    color: #888888 !important;
}

/* 优化输入框容器 */
.inputbox {
    background: #2a2b2c !important;
    border: 1px solid #444444 !important;
    border-radius: 6px !important;
}

/* 优化标签文字 */
.input-desc, .klinetitle-s-box {
    color: #cccccc !important;
    font-weight: 500 !important;
}

/* 优化按钮文字 */
.trade-btn, .formbox_op_list {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* 优化买入按钮 */
.bggreen {
    background: #00d4aa !important;
    color: #000000 !important;
}

/* 优化卖出按钮 */
.bgred {
    background: #ff4757 !important;
    color: #ffffff !important;
}

/* 优化价格显示 */
.newpricebox {
    color: #00d4aa !important;
    font-weight: bold !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.changebox {
    color: #00d4aa !important;
    font-weight: 500 !important;
}

/* 优化涨跌颜色 */
.green {
    color: #00d4aa !important;
    font-weight: 600 !important;
}

.red {
    color: #ff4757 !important;
    font-weight: 600 !important;
}

/* 优化表格文字 */
.table td, .table th {
    color: #ffffff !important;
    border-color: #444444 !important;
}

.table th {
    background: #2a2b2c !important;
    color: #cccccc !important;
    font-weight: 600 !important;
}

/* 优化盘口区域 */
.trade_listbox {
    background: #1a1b1c !important;
}

.trade_list {
    color: #ffffff !important;
}

/* 优化币种列表 */
.sy_list_box {
    border-bottom: 1px solid #444444 !important;
}

.sy_list_box:hover {
    background: #2a2b2c !important;
}

/* 优化百分比按钮 */
.blbox_3 {
    background: #444444 !important;
    border-radius: 5px !important;
}

.blbox_3:hover {
    background: #555555 !important;
}

.blbox_4 {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* 优化可用余额显示 */
.f14.fcc {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* 优化标题文字 */
.dong_title_span, .order_title {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* 优化边框颜色 */
.borderright {
    border-right: 1px solid #444444 !important;
}

/* 优化图标颜色 */
.bistyle {
    color: #cccccc !important;
}

.bistyle:hover {
    color: #ffffff !important;
}

/* 优化表单操作按钮 */
.formbox_op_list {
    background: #2a2b2c !important;
    border: 1px solid #444444 !important;
    border-radius: 4px !important;
}

.formbox_op_list:hover {
    background: #3a3b3c !important;
}

/* 优化选中状态 */
.formbox_op_list.active {
    background: #00d4aa !important;
    color: #000000 !important;
    border-color: #00d4aa !important;
}

/* 优化滚动条 */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #1a1b1c;
}

::-webkit-scrollbar-thumb {
    background: #444444;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555555;
}

/* 优化下拉框 */
select {
    background: #2a2b2c !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
    border-radius: 4px !important;
}

/* 优化提示文字 */
.tooltip, .popover {
    background: #2a2b2c !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

/* 优化加载状态 */
.loading {
    border-color: #444444 !important;
    border-top-color: #00d4aa !important;
}

/* 优化错误提示 */
.error-message {
    color: #ff4757 !important;
    background: rgba(255, 71, 87, 0.1) !important;
    border: 1px solid rgba(255, 71, 87, 0.3) !important;
}

/* 优化成功提示 */
.success-message {
    color: #00d4aa !important;
    background: rgba(0, 212, 170, 0.1) !important;
    border: 1px solid rgba(0, 212, 170, 0.3) !important;
}