/* ===================== 全局基础样式重置与初始化 ===================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    width: 100%;
    font-family: "Microsoft Yahei", Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    background: #f0f2f5;
}

/* ===================== 污染等级颜色常量（全局通用） ===================== */
.color-1 { background-color: #00e400; } /* 1级（优）：绿色 */
.color-2 { background-color: #ffff00; } /* 2级（良）：黄色 */
.color-3 { background-color: #ff7e00; } /* 3级（轻度污染）：橙色 */
.color-4 { background-color: #ff0000; } /* 4级（中度污染）：红色 */
.color-5 { background-color: #99004c; } /* 5级（重度污染）：紫红色 */
.color-6 { background-color: #7e0023; } /* 6级（严重污染）：褐红色 */

/* ===================== 通用动画（全局复用） ===================== */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translate(-50%, -45%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

/* ===================== ICP备案信息（基础样式） ===================== */
.icp-footer {
    color: #fff;
    text-align: center;
    padding: 5px 0;
    font-size: 12px;
    z-index: 9999;
    height: 25px;
    box-sizing: border-box;
}
.icp-footer a {
    color: #fff;
    text-decoration: none;
}
.icp-footer a:hover {
    text-decoration: underline;
}