/* Market Indices Banner */
.market-indices {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
    padding: 4px 0;
}

.index-card {
    flex: 1;
    background: var(--bg-card);
    border-radius: var(--border-radius);
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: var(--shadow-soft);
}

.index-name {
    font-size: 11px;
    color: var(--text-muted);
    margin-bottom: 6px;
}

.index-value {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-main);
    margin-bottom: 4px;
    white-space: nowrap;
}

.index-change {
    font-size: 11px;
    font-weight: 500;
}

.index-card.up .index-change {
    color: #ef4444; /* Red for up (Chinese/Asian market convention typically red=up, but US is green=up. Prompt said US stock app. Standard US: Green=Up, Red=Down. Standard CN: Red=Up, Green=Down. User didn't specify, but "meigu" implies US stocks. Usually Chinese users trading US stocks expect US colors OR CN colors. Let's stick to user preference "low saturation high contrast (blue green)". Let's use Green for Up (Profit) and Red for Down as is international standard for US market apps usually, or stick to the prompt's neon green accent. Let's use Green for Up, Red for Down to match common US data.) */
    color: #4cd9c0; /* Neon Green for UP */
}

.index-card.down .index-change {
    color: #ff6b6b; /* Soft Red for DOWN */
}