body {
  background-image:
    linear-gradient(
      135deg,
      rgba(15, 50, 75, 0.57) 0%,         /* 深藍，加深一點 */
      rgba(58, 123, 213, 0.65) 45%,      /* 中藍 */ rgba(30, 61, 166, 0.24) 70%,      /* 淺灰藍，透明一點 */ rgba(75, 85, 150, 0.66) 100%     /* 右下角顏色變淡、變灰藍 */
    );
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 100vh;

  font-family: "Segoe UI", "Noto Sans TC", sans-serif;
  font-size: 1rem;
  background-color: #f4f6f8;
  /*color: #212529;*/
}
.select2-container--open .select2-dropdown {
    z-index: 10000; /* 確保高於其他元素 */
}
input::placeholder {
  color: #000 !important;
  opacity: 1;
}


body::before {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(0,0,0,0.03) 1px, transparent 1px);
  background-size: 25px 25px;
  opacity: 0.2;
  z-index: 0;
}

/* 輸入框字體顏色改黑 */
input.form-control {
  color: #000 !important;
}
/* 美化下拉選單 */
.dropdown-menu {
  background-color: #212121;
  color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.3);
  padding: 0.5rem 0;
  animation: dropdownFade 0.25s ease;
}

.dropdown-item {
  font-size: 1rem;
  padding: 0.5rem 1.25rem;
  transition: background-color 0.2s ease, color 0.2s ease;
  color: white;
}

.dropdown-item:hover {
  background-color: #f8f9fa;
  color: #212529;
  font-weight: 500;
}

/* 滑入動畫 */
@keyframes dropdownFade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 自訂白色分隔線 */
.custom-divider {
  border-top: 1px solid #ffffff;
  opacity: 1; /* Bootstrap 預設是 0.15，我們調整成完全不透明 */
  margin: 0.3rem 1rem;
}




/* 巢狀子選單預設隱藏 */
.dropdown-submenu .dropdown-menu {
  display: none;
  margin-left: 0;
  margin-top: 0;
  position: static;
}

/* 顯示子選單 */
.dropdown-submenu.show > .dropdown-menu {
  display: block;
}