/* oil_adjust 油价调整页 */
.oil-price-card { padding: 20px; border: 1px solid #e9ecef; border-radius: 8px; text-align: center; background: #f8f9fa; }
.oil-type { color: #6c757d; margin-bottom: 10px; font-weight: 600; }
.price-value { font-size: 24px; font-weight: bold; color: #007bff; margin-bottom: 8px; }
.price-change { font-size: 16px; font-weight: 600; }
.price-change small { font-size: 12px; opacity: 0.8; }
.price-card { padding: 15px; border: 1px solid #e9ecef; border-radius: 6px; background: #fff; transition: all 0.3s ease; }
.price-card:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transform: translateY(-2px); }
.price-title { font-size: 14px; color: #6c757d; margin-bottom: 8px; }
.current-price { font-size: 20px; font-weight: bold; color: #007bff; margin-bottom: 4px; }
.unit { font-size: 12px; color: #6c757d; }
.adjustment-calendar { margin-bottom: 20px; }
.date-row { display: flex; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
.date-item { display: inline-block; flex: 1 1 0; min-width: 0; padding: 8px 4px; border: 1px solid #e9ecef; border-radius: 4px; background: #fff; font-size: 14px; font-weight: 500; text-align: center; white-space: nowrap; position: relative; transition: all 0.3s ease; }
.date-item.past { background: #f8f9fa; color: #6c757d; border-color: #dee2e6; }
.date-item.current { background: #007bff; color: #fff; border-color: #007bff; box-shadow: 0 2px 4px rgba(0, 123, 255, 0.3); }
.date-item.next { background: #fff3cd; color: #856404; border-color: #ffeaa7; font-weight: 600; }
.date-item:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.date-item .badge { position: absolute; top: -5px; right: -5px; font-size: 10px; padding: 2px 4px; }
.latest-adjustment-info .alert { border-left: 4px solid #17a2b8; }
.latest-adjustment-info ul { padding-left: 20px; margin-bottom: 15px; }
.latest-adjustment-info li { margin-bottom: 5px; color: #495057; }
.data-source { border-top: 1px solid #e9ecef; padding-top: 15px; }
@media (max-width: 768px) {
    .date-row { justify-content: center; }
    .date-item { min-width: 70px; font-size: 12px; padding: 6px 8px; }
}
