/* 基础样式 */
		/* background: url('https://picsum.photos/1920/1080?blur=5') no-norepeat center center fixed; */
		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			font-family: "Microsoft YaHei", Arial, sans-serif;
		}
		body {
			background-color: #f0f2f5;
            background-image: 
				url('../images/bj1.jpg'), 
                linear-gradient(to bottom right, #dfe6e9, #b2bec3);
            background-repeat: no-repeat;
            background-position: center center;
            background-attachment: fixed;
            background-size: cover;			
		}
		/* 半透明遮罩层 */
		.overlay {
			background: rgba(255, 255, 255, 255.0.1);
			min-height: 100vh;
			padding-bottom: 60px; /* 底部版权空间 */
		}
        /* 头部样式 */
        .header {
            background: rgba(16, 57, 114, 0.9);
            color: white;
            padding: 15px 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
        }
        .header-links {
            font-size: 14px;
            gap: 15px;
        }
        .header-links a {
            color: #f1f2f5;
            text-decoration: none;
        }

        .logo {
            font-size: 22px;
            font-weight: bold;
            margin: 5px 0;
        }

		/* 主内容容器 */
		.container {
			max-width: 1200px;
			margin: 30px auto;
			padding: 30px;
			background: rgba(255, 255, 255, 0.5);
			min-height: 10vh;
			border-radius: 12px;
			box-shadow: 0 4px 20px rgba(0,0,0,0.1);
		}
		/* 数据面板样式 */
		.data-panel {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			gap: 25px;
			padding: 20px;
		}
        /* 数据卡片 */
        .data-panel {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 15px;
            margin-bottom: 1px;
			padding: 0px;
        }

        .data-card {
            background: white;
            border-radius: 14px;
            padding: 20px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        }

        .data-label {
            color: #666;
            font-size: 14px;
            margin-bottom: 8px;
        }

        .data-value {
            font-size: clamp(24px, 3vw, 32px);
            font-weight: bold;
            color: #1a325f;
        }



        /* 表格响应式处理 */
        .table-container {
        }
		/* 站点表格 */
		#station-table {
			width: 100%;
			margin-top: 5px;
			padding: 10px;
			border-collapse: collapse;
		}
		#station-table th {
			background: #f8f9fa;
			padding: 8px;
			text-align: left;
			border-bottom: 2px solid #eee;
		}
		#station-table td {
			padding: 8px;
			border-bottom: 1px solid #eee;
		}
        .station-list {
            background: #ffffff;
        }

		/* A标签连接的 */
		.station-link {
			color: #1a73e8;
			text-decoration: none;
			transition: color 0.3s;
		}

		.station-link:hover {
			color: #1557b0;
			text-decoration: underline;
		}

		/* 空气质量色标 */
		.aqi-badge {
			display: inline-block;
			padding: 4px 12px;
			border-radius: 15px;
			font-size: 12px;
			color: white;
		}

        /* 温馨提示 */
        .health-tips {
            background: #f0f9ff;
            border-radius: 8px;
            padding: 15px;
            margin: 15px 0;
            border-left: 4px solid #1890ff;
			font-size: 14px;
        }
        /* 底部版权 */
        .footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            background: rgba(0,0,0,0.5);
            color: white;
            text-align: center;
            padding: 12px;
            font-size: 12px;
        }

		
		/* 新增样式 */
		.station-header {
			margin-bottom: 10px;
			padding: 2px;
			border-left: 4px solid #1890ff;
			
		}

		.station-info {
			display: flex;
			flex-direction: column;
			gap: 8px;
		}

		.station-id {
			font-size: 10px;
			color: #666;
			letter-spacing: 1px;
		}

		.station-aqi {
			font-size: 10px;
			color: #666;
			letter-spacing: 1px;
		}

		.station-name {
			margin: 0;
			font-size: 24px;
			display: flex;
			align-items: center;
		}

		.station-name a {
			color: #1a325f;
			text-decoration: none;
			transition: color 0.3s;
		}

		.station-name a:hover {
			color: #1890ff;
		}
        /* 移动端适配 */
        @media (max-width: 768px) {
            .container {
                margin: 10px;
                padding: 15px;
            }

            #station-table td:nth-child(5),
            #station-table th:nth-child(5) {
                display: none;
            }
			#loading {
				padding: 15px 20px;
				font-size: 14px;
			}
			#loading img {
				width: 25px;
				height: 25px;
			}
			#legend_a {
				font-size: 10px;
				width: 25px;
				height: 25px;
			}			
        }
/* 加载提示样式 */
#loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    color: #333;
    backdrop-filter: blur(3px);
    border: 1px solid rgba(0,0,0,0.1);
}

#loading img {
    width: 30px;
    height: 30px;
    animation: rotate 1.2s linear infinite;
}



/* 旋转动画 */
@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.legend_a {
	font-size: 12px;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: right .5s ease;
	-moz-transition: right .5s ease;
	-o-transition: right .5s ease;
	transition: right .5s ease;
	pointer-events: none;
	color: #FFF;
	margin-left:0px;
}

.legend_a span {
	display: block;
	float: left;
	margin-right: 1px;
	padding: 2px 5px;
	width:58.2px; text-align:center;
}
.legend_a span.title{
	color:#06C;
}

.legend_a .heat-1 {
	background-color:#009966; color:#FFF;
}
.legend_a .heat-2 {
	background-color:#ffde33; color:#666;
}
.legend_a .heat-3 {
	background-color:#ff9933;color:#FFF;
}
.legend_a .heat-4 {
	background-color:#cc0033;color:#FFF;
}
.legend_a .heat-5 {
	background-color:#660099;color:#FFF;
}
.legend_a .heat-6 {
	background-color:#7E0023;color:#FFF;
}
.legend_a .heat-7 {
	background-color:#006DD9;color:#FFF;
}

.aqi-优 { background: #009966; }    /* 绿色 */
.aqi-良 { background: #ffde33; }    /* 黄色 */
.aqi-轻度污染 { background: #ff9933; } /* 橙色 */
.aqi-中度污染 { background: #cc0033; }  /* 红色 */
.aqi-重度污染 { background: #660099; }  /* 紫色 */
.aqi-严重污染 { background: #7e0023; }  /* 深红色 */
.aqi-默认 { background-color: #cccccc; }   /* 默认灰色 */