/* ========== 振幅表格专用样式（完全独立） ========== */

/* 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;
}

/* 8. 普通数值列 */
.amplitude-table .current-value {
    color: #e0e0e0;
    text-align: center !important;
}

/* 9. 列宽控制（基于 class，适应任意数量的币种） */
.amplitude-table th:first-child,
.amplitude-table td:first-child {
    width: 7%;               /* 币名列 */
}
.amplitude-table th:not(:first-child):not(.spacer-th),
.amplitude-table td:not(:first-child):not(.amplitude-spacer) {
    width: 7%;               /* 各时间窗口列（数量动态） */
}
.amplitude-table th.spacer-th,
.amplitude-table td.amplitude-spacer {
    width: 23%;              /* 最右侧空白列 */
}

/* 10. 阳线/阴线背景色（单独覆盖 current-value） */
.amplitude-table td.current-value.amplitude-bull-bg {
    background-color: #4DB818 !important;
    color: #080808 !important;
}
.amplitude-table td.current-value.amplitude-bear-bg {
    background-color: #FB5656 !important;
    color: #ffffff !important;
}

/* 11. 无数据占位 */
.amplitude-table .amplitude-na {
    color: #888888 !important;
    font-style: italic;
    background-color: #0e0e18 !important;
}

/* 12. 空白列占位（仅占位，无背景色） */
.amplitude-table .amplitude-spacer {
    background-color: #0e0e18;
}

/* 13. 消息提示（加载中、错误、无数据） */
.amplitude-message {
    text-align: center;
    padding: 48px 20px;
    color: #aaa;
    background: #0e0e18;
    border-radius: 16px;
    font-family: monospace;
}
.amplitude-message.error {
    color: #ff9e7a;
}

/* 14. 振幅表格 – 做空/做多总得分 & 多空差 正负颜色 */
.amplitude-table td.score-positive {
    color: #2ecc71 !important;
}

.amplitude-table td.score-negative {
    color: #ff0000 !important;
}




