/* weather.css - 天气组件样式 */

/* 修改天气组件样式 */
.weather-widget {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(240, 240, 240, 0.95));
    padding: 13px 20px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    font-size: 16px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer; /* 添加指针样式 */
}

.weather-widget:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-52%);
}

.weather-content {
    display: flex;
    align-items: center;
    gap: 12px;
}

.weather-content span:first-child {
    font-weight: 600;
}

#weather-icon {
    font-size: 24px;
    margin: 0 2px;
}

#weather-text {
    font-weight: 500;
}

#weather-temp {
    font-weight: bold;
    font-size: 17px;
}

/* 天气主题颜色 */
.weather-theme-sunny {
    color: #FF8C00;
    background: linear-gradient(135deg, rgba(255, 252, 245, 0.95), rgba(255, 248, 230, 0.95));
}

.weather-theme-cloudy {
    color: #598da7;
    background: linear-gradient(135deg, rgba(250, 250, 250, 0.95), rgba(240, 240, 240, 0.95));
}

.weather-theme-rainy {
    color: #4A6FA5;
    background: linear-gradient(135deg, rgba(245, 247, 250, 0.95), rgba(235, 240, 245, 0.95));
}

.weather-theme-snowy {
    color: #78909C;
    background: linear-gradient(135deg, rgba(250, 252, 255, 0.95), rgba(240, 245, 250, 0.95));
}

.weather-theme-foggy {
    color: #90A4AE;
    background: linear-gradient(135deg, rgba(245, 245, 245, 0.95), rgba(235, 235, 235, 0.95));
}