/* ============================================
   aeolian.css — 风成地貌栏目专属样式
   ============================================ */

/* ---- Hero Override ---- */
.aeolian-hero {
    background: linear-gradient(160deg, #3e1a0a 0%, #5c2e0f 40%, #3d1f0a 100%);
}

/* ---- Overview Visual ---- */
.aeolian-overview-visual {
    background: linear-gradient(135deg, #2a1508, #4a2810);
}

/* ---- Card Warm Tones ---- */
.aeolian-card:nth-child(1) .subcategory-icon { background: linear-gradient(135deg, #FFF3E0, #FFE0B2); }
.aeolian-card:nth-child(2) .subcategory-icon { background: linear-gradient(135deg, #FBE9E7, #FFCCBC); }
.aeolian-card:nth-child(3) .subcategory-icon { background: linear-gradient(135deg, #EFEBE9, #D7CCC8); }
.aeolian-card:nth-child(4) .subcategory-icon { background: linear-gradient(135deg, #ECEFF1, #CFD8DC); }

/* ---- Aeolian Specific Stats ---- */
.aeolian-stat-highlight {
    background: linear-gradient(135deg, rgba(255,111,0,0.08), rgba(191,54,12,0.05));
    border: 1px solid rgba(255,111,0,0.15);
}

/* ---- Wind rose legend ---- */
.wind-rose-legend {
    display: flex;
    gap: var(--space-lg);
    justify-content: center;
    margin-top: var(--space-md);
    flex-wrap: wrap;
}

.wind-rose-legend .legend-item {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: 0.875rem;
    color: var(--color-text-secondary);
}

.wind-rose-legend .legend-dot {
    width: 12px;
    height: 12px;
    border-radius: 2px;
}

/* ---- Process diagram labels ---- */
.process-label {
    font-size: 0.8125rem;
    color: var(--color-text-muted);
    text-align: center;
    margin-top: var(--space-xs);
}

/* ---- Responsive tweaks for aeolian ---- */
@media (max-width: 1023px) {
    .aeolian-overview-visual { height: 380px; }
}

@media (max-width: 767px) {
    .aeolian-overview-visual { height: 300px; }
}