
/* 彈窗背景 : 一層模糊 + 半透明遮罩 */
.backdrop-blur {
  z-index: 1060;
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
}

/* PC 版型 */
@media (min-width: 992px) {
    /* 智慧分類卡 PC 每列呈現5張分類卡 */
    .mscc-col-lg-20 {
        flex: 0 0 auto;
        width: 20%;
    }
}

/* 分類卡查無資料 */
.mscc-no-data-msg {
  text-align: center;
  font-weight: bold;
  padding: 1rem;
  border-radius: 0.5rem;
  margin: 1rem auto;
  max-width: 90%;
  background-color: rgba(255, 230, 0, 0.1); /* 淺黃背景，夜間不刺眼 */
  color: #b8860b; /* 深黃/橙字，白天夜晚皆醒目 */
  border: 2px dashed #b8860b; /* 醒目的邊框 */
  transition: background-color 0.3s ease; /* 平滑過渡效果 */
}

.mscc-no-data-msg:hover {
  background-color: rgba(255, 230, 0, 0.2); /* 背景稍微變亮 */
  cursor: default; /* 滑鼠指標維持為一般指標 */
}
