/* ============================================================
   Render.css - 表格渲染专用样式（单元格颜色、文本换行等）
   顺序：
     1. 表格单元格颜色与文本换行
     2. 参数清单样式
     3. 动态指标卡片样式
     4. 结果报告容器样式
   ============================================================ */

/* ---------- 1. 表格单元格颜色 & 不换行 ---------- */
.open-price  { color: #f5b86e; }
.high-price  { color: #a0d6ff; }
.low-price   { color: #ffa79a; }
.close-price { color: #b3f0b0; }
.nowrap      { white-space: nowrap; }

/* ---------- 2. 参数清单样式 ---------- */
.param-section-title {
    color: #9bff9b;
    border-left: 4px solid #9bff9b;
    padding-left: 12px;
}
.param-hr {
    margin: 5px 0;
}
.param-group-title-macro {
    color: #9bff9b;
}
.param-group-title-current {
    color: #ffaa66;
}

/* ---------- 3. 动态指标卡片样式 ---------- */
.dynamic-card {
    margin-bottom: 30px;
    background: #1a1a2a;
    border-radius: 20px;
    border-left: 4px solid #ffaa66;
    padding: 15px 20px;
}
.dynamic-card-title {
    color: #ffaa66;
    margin-top: 0;
    margin-bottom: 15px;
}
.dynamic-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 8px;
}
.dynamic-value {
    color: #ffaa66;
}
.error-margin-bottom {
    margin-bottom: 20px;
}

/* ---------- 4. 结果报告容器样式 ---------- */
.result-report-container {
    background: #0f0f1a;
    border-radius: 12px;
    overflow: hidden;
}
.report-header-bar {
    display: flex;
    justify-content: flex-end;
    padding: 12px 20px;
    background: #1a1a2a;
    border-bottom: 1px solid #2c2c3e;
}
.report-copy-btn {
    background: #4c6ef5;
    padding: 6px 20px;
    font-size: 13px;
    cursor: pointer;
    border: none;
    border-radius: 20px;
    color: white;
}
.result-report {
    font-family: Consolas, Monaco, "Courier New", monospace;
    white-space: pre-wrap;
    padding: 20px;
    line-height: 1.5;
    font-size: 13px;
    color: #eaeef2;
    margin: 0;
}