<!-- 优 --> <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="20" fill="#00E400"/> <path d="M16 24L21 29L32 18" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <!-- 良 --> <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="20" fill="#FFFF00"/> <path d="M16 24H32" stroke="#333" stroke-width="3" stroke-linecap="round"/> </svg> <!-- 轻度污染 --> <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="20" fill="#FF7E00"/> <path d="M16 16L32 32M32 16L16 32" stroke="white" stroke-width="3" stroke-linecap="round"/> </svg> <!-- 中度污染 --> <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="20" fill="#FF0000"/> <path d="M16 16L32 32M32 16L16 32" stroke="white" stroke-width="3" stroke-linecap="round"/> </svg> <!-- 重度污染 --> <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="20" fill="#99004C"/> <path d="M16 16L32 32M32 16L16 32M24 16V32" stroke="white" stroke-width="3" stroke-linecap="round"/> </svg> <!-- 严重污染 --> <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="20" fill="#7E0023"/> <path d="M16 16L32 32M32 16L16 32M16 24H32M24 16V32" stroke="white" stroke-width="3" stroke-linecap="round"/> </svg>