/* ========== 振幅表格专用样式（完全独立） ========== */

/* 1. 外层包装器 */
.amplitude-table-wrapper {
    margin-top: 20px;
}

/* 2. 表格容器（替代原 coin-param 依赖） */
.amplitude-table-container {
    background: #0e0e18;
    border-radius: 16px;
    overflow-x: auto;
    border: 1px solid #2c2c3e;
}

/* 3. 表格基础样式 */
.amplitude-table {
    border-collapse: collapse !important;
    width: 100%;
    table-layout: fixed;
    font-size: 12px;
    line-height: 1.5;
    background: #0e0e18;
    border: none;
}

/* 4. 表头与单元格共用边框与内边距 */
.amplitude-table th,
.amplitude-table td {
    border: 1px solid #2c2c3e;
    padding: 6px 8px;
    vertical-align: middle;
    white-space: normal;
    word-break: break-word;
}

/* 5. 表头样式 */
.amplitude-table th {
    color: #ffaa66 !important;
    background: #232333;
    text-align: center;
}

/* 6. 表格标题 */
.amplitude-table caption {
    caption-side: top;
    background: #1e1e2c;
    padding: 10px;
    font-weight: bold;
    font-size: 1.1rem;
    color: #ffaa66;
    text-align: left;
    border-bottom: 1px solid #2c2c3e;
}

/* 7. 币名列（第一列） */
.amplitude-table .group-cell {
    color: #9bff9b !important;
    text-align: left;
    background: #0e0e18;
    font-weight: bold;
}

/*  仅BTC币种 (第一列和最后一列） */
.amplitude-table td.group-cell-btc {
    background: #4a0140 !important; /* 或使用更高权重选择器 */
}

/* ---------- 时间窗口数值列 ---------- */
.amplitude-table td.amplitude-value {
    color: #e0e0e0;
    text-align: center;
}
/* 时间窗口背景色（方向） */
.amplitude-table td.amplitude-value.amplitude-bull-bg {
    background-color: #4DB818 !important;
}
.amplitude-table td.amplitude-value.amplitude-bear-bg {
    background-color: #FB5656 !important;
}

/* ---------- 得分列数值 ---------- */
.amplitude-table td.quanttotal-value {
    background-color: #242d6e;
    color: #e0e0e0;
    text-align: center;
}
/* 得分正负颜色（使用更精确的组合选择器） */
.amplitude-table td.quanttotal-value.score-positive {
    color: #2ecc71 !important;
}
.amplitude-table td.quanttotal-value.score-negative {
    color: #ff0000 !important;
}

/* 共享背景色 */
.amplitude-table .amplitude-spacer,
.amplitude-table td.amplitude-value.amplitude-na {
    background-color: #0e0e18;
}
/* 无数据单元格的文字样式 */
.amplitude-table td.amplitude-value.amplitude-na {
    color: #888888 !important;
    font-style: italic;
}


/* 13. 消息提示（加载中、错误、无数据） */
.amplitude-message {
    text-align: center;
    padding: 48px 20px;
    color: #aaa;
    background: #0e0e18;
    border-radius: 16px;
    font-family: monospace;
}
.amplitude-message.error {
    color: #ff9e7a;
}



 /* 9. 列宽控制（基于 class，适应任意数量的币种） */
.amplitude-table th:first-child,
.amplitude-table td:first-child {
    width: 6%;               /* 左侧币名列 */
}
.amplitude-table th:not(:first-child):not(.spacer-th):not(.score-col):not(.right-coin),
.amplitude-table td:not(:first-child):not(.amplitude-spacer):not(.score-col):not(.right-coin) {
    width: 11%;              /* 时间窗口列（共11列） */
}

/* 做空、做多、多空差三列 */
.amplitude-table th.score-col,
.amplitude-table td.quanttotal-value {
    width: 5%;               /* 三列各占6%，合计18% */
}

/* 右侧币名列 */
.amplitude-table th.right-coin,
.amplitude-table td.group-cell:last-child {
    width: 6%;               /* 右侧币名列，与左侧对称 */
}


.amplitude-table th.spacer-th,
.amplitude-table td.amplitude-spacer {
    width: 1%;              /* 最右侧空白列 */
}



/* ---------- 涨跌率和振幅率文字颜色 ---------- */
.amplitude-table td.amplitude-value .price-change-positive {
    color: #00260c !important;
    text-decoration: underline;
    font-weight: bold;

}
.amplitude-table td.amplitude-value .price-change-negative {
    color: #4d0210 !important;
    text-decoration: underline;
    font-weight: bold;
}
.amplitude-table td.amplitude-value .amplitude-only {
    color: #01017a !important;         /* #000052 */
    font-style: italic;
}


/* 在文件末尾添加 */
.render-time {
    text-align: right;
    color: #888888;
    padding: 8px 16px;
    font-size: 0.8rem;
    border-top: 1px solid #2c2c3e;
    background: #0e0e18;
    border-radius: 0 0 16px 16px;
}