/* oil_future 原油期货 K线图页 */
.k-line-chart { height: 400px; margin: 20px 0; }
.ma-display { text-align: center; padding: 10px 0; background: #f8f9fa; border-bottom: 1px solid #dee2e6; font-size: 12px; }
.price-info { padding: 15px 20px; background: #fff; border-radius: 4px; margin-bottom: 20px; }
.price-title { font-size: 20px; font-weight: 500; margin-bottom: 15px; color: #333; }
.price-main { display: flex; align-items: baseline; margin-bottom: 15px; }
.price-value { font-size: 28px; font-weight: bold; line-height: 1.2; }
.price-unit { font-size: 14px; color: #666; margin-left: 5px; margin-right: 10px; }
.price-change { font-size: 16px; font-weight: 500; }
.price-details { display: flex; flex-wrap: wrap; gap: 15px; justify-content: space-between; align-items: center; padding: 10px 0; border-top: 1px solid #eee; }
.detail-item { display: flex; align-items: center; white-space: nowrap; }
.detail-label { color: #666; font-size: 13px; margin-right: 8px; }
.detail-value { font-weight: 500; font-size: 14px; color: #333; }
@media (max-width: 768px) {
    .price-details { flex-direction: column; align-items: flex-start; gap: 8px; }
    .detail-item { width: 100%; justify-content: space-between; padding: 4px 0; border-bottom: 1px dashed #eee; }
}