/* 天气图标SVG定义 */

.weather-icon-sunny {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(251, 191, 36, 0.5);
}

.weather-icon-sunny::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='14' fill='%23fff'/%3E%3Cg stroke='%23fff' stroke-width='4' stroke-linecap='round'%3E%3Cline x1='32' y1='4' x2='32' y2='14'/%3E%3Cline x1='32' y1='50' x2='32' y2='60'/%3E%3Cline x1='4' y1='32' x2='14' y2='32'/%3E%3Cline x1='50' y1='32' x2='60' y2='32'/%3E%3Cline x1='12' y1='12' x2='19' y2='19'/%3E%3Cline x1='45' y1='45' x2='52' y2='52'/%3E%3Cline x1='12' y1='52' x2='19' y2='45'/%3E%3Cline x1='45' y1='19' x2='52' y2='12'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}

.weather-icon-cloudy {
    background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(148, 163, 184, 0.3);
}

.weather-icon-cloudy::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M46 24c0-8.8-7.2-16-16-16-6.6 0-12.4 4-14.9 9.8C11.4 18.5 8 22.2 8 26.5 0 32.4 5.6 37.5 12.5 37.5c.3 0 .7 0 1-.1 2.2 4.6 6.7 7.6 11.5 7.6 7.7 0 14-6.3 14-14 0-.2 0-.4 0-.6 3.4-.5 6.4-2.5 8.2-5.4 1.2-2 1.8-4.3 1.8-6.7v-.3z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.weather-icon-overcast {
    background: linear-gradient(135deg, #475569 0%, #334155 100%);
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(71, 85, 105, 0.3);
}

.weather-icon-overcast::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M50 26c0-9.9-8.1-18-18-18-7.4 0-13.9 4.5-16.7 11C12.6 19.5 8.9 23.8 8.9 28.8c-5.4 5.8-8.9 13.7-8.9 22.5 0 17.1 13.9 31 31 31 14.2 0 26-9.6 29.5-22.6 1.3-4.8.5-9.9-2-13.8-2-3.1-5-5.5-8.5-6.4v-.5c2.8-1.4 5.1-3.6 6.4-6.3 1.5-3 1.9-6.4 1.1-9.7z' fill='%23cbd5e1'/%3E%3Cpath d='M48 28c0-1.1-.9-2-2-2h-1c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2v-4z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.weather-icon-rain {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(96, 165, 250, 0.4);
}

.weather-icon-rain::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M46 24c0-8.8-7.2-16-16-16-6.6 0-12.4 4-14.9 9.8C11.4 18.5 8 22.2 8 26.5 0 32.4 5.6 37.5 12.5 37.5c.3 0 .7 0 1-.1 2.2 4.6 6.7 7.6 11.5 7.6 7.7 0 14-6.3 14-14 0-.2 0-.4 0-.6 3.4-.5 6.4-2.5 8.2-5.4 1.2-2 1.8-4.3 1.8-6.7v-.3z' fill='%23fff'/%3E%3Cg stroke='%233b82f6' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='22' y1='42' x2='22' y2='52'/%3E%3Cline x1='32' y1='42' x2='32' y2='52'/%3E%3Cline x1='42' y1='42' x2='42' y2='52'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.weather-icon-snow {
    background: linear-gradient(135deg, #a5f3fc 0%, #67e8f9 100%);
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(165, 243, 252, 0.4);
}

.weather-icon-snow::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M46 24c0-8.8-7.2-16-16-16-6.6 0-12.4 4-14.9 9.8C11.4 18.5 8 22.2 8 26.5 0 32.4 5.6 37.5 12.5 37.5c.3 0 .7 0 1-.1 2.2 4.6 6.7 7.6 11.5 7.6 7.7 0 14-6.3 14-14 0-.2 0-.4 0-.6 3.4-.5 6.4-2.5 8.2-5.4 1.2-2 1.8-4.3 1.8-6.7v-.3z' fill='%23fff'/%3E%3Cg fill='%2367e8f9'%3E%3Ccircle cx='24' cy='44' r='3'/%3E%3Ccircle cx='32' cy='48' r='3'/%3E%3Ccircle cx='40' cy='44' r='3'/%3E%3Ccircle cx='28' cy='52' r='2'/%3E%3Ccircle cx='36' cy='52' r='2'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.weather-icon-thunder {
    background: linear-gradient(135deg, #fbbf24 0%, #dc2626 100%);
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(251, 191, 36, 0.4);
}

.weather-icon-thunder::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M46 24c0-8.8-7.2-16-16-16-6.6 0-12.4 4-14.9 9.8C11.4 18.5 8 22.2 8 26.5 0 32.4 5.6 37.5 12.5 37.5c.3 0 .7 0 1-.1 2.2 4.6 6.7 7.6 11.5 7.6 7.7 0 14-6.3 14-14 0-.2 0-.4 0-.6 3.4-.5 6.4-2.5 8.2-5.4 1.2-2 1.8-4.3 1.8-6.7v-.3z' fill='%23fff'/%3E%3Cpath d='M28 38l-8 10h6l-4 10 10-12h-6l4-8h-2z' fill='%23fbbf24'/%3E%3C/svg%3E");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.weather-icon-fog {
    background: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%);
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(209, 213, 219, 0.3);
}

.weather-icon-fog::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M10 28c0-2.2 1.8-4 4-4h36c2.2 0 4 1.8 4 4v4H10v-4z' fill='%23fff' opacity='0.8'/%3E%3Cpath d='M8 36c0-2.2 1.8-4 4-4h40c2.2 0 4 1.8 4 4v4H8v-4z' fill='%23fff' opacity='0.6'/%3E%3Cpath d='M12 44c0-2.2 1.8-4 4-4h32c2.2 0 4 1.8 4 4v4H12v-4z' fill='%23fff' opacity='0.4'/%3E%3C/svg%3E");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.weather-icon-haze {
    background: linear-gradient(135deg, #fdba74 0%, #f97316 100%);
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(253, 186, 116, 0.4);
}

.weather-icon-haze::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='20' cy='28' r='12' fill='%23fed7aa' opacity='0.6'/%3E%3Ccircle cx='44' cy='28' r='12' fill='%23fed7aa' opacity='0.6'/%3E%3Ccircle cx='32' cy='36' r='14' fill='%23fdba74' opacity='0.4'/%3E%3C/svg%3E");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.weather-icon-default {
    background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(148, 163, 184, 0.3);
}

.weather-icon-default::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M46 24c0-8.8-7.2-16-16-16-6.6 0-12.4 4-14.9 9.8C11.4 18.5 8 22.2 8 26.5 0 32.4 5.6 37.5 12.5 37.5c.3 0 .7 0 1-.1 2.2 4.6 6.7 7.6 11.5 7.6 7.7 0 14-6.3 14-14 0-.2 0-.4 0-.6 3.4-.5 6.4-2.5 8.2-5.4 1.2-2 1.8-4.3 1.8-6.7v-.3z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.index-icon-svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.index-icon-dressing { color: #f472b6; }
.index-icon-flu { color: #f87171; }
.index-icon-travel { color: #4ade80; }
.index-icon-car_washing { color: #60a5fa; }
.index-icon-pollution { color: #a78bfa; }
.index-icon-sports { color: #fbbf24; }
.index-icon-uv { color: #fb923c; }
.index-icon-comfort { color: #2dd4bf; }