/* =========================================
   全站樣式
   ========================================= */

/* --- 1. 系統選單 --- */
.fs-sysbar.navbar-inverse,
.fs-mobile-navbar .navbar-inverse {
  background-color: #ffffff;
  border: none;
  box-shadow: 0 2px 12px rgba(118, 142, 163, 0.08);
}

.fs-sysbar.navbar-inverse .navbar-brand,
.fs-sysbar.navbar-inverse .navbar-brand:hover,
.fs-sysbar.navbar-inverse .navbar-brand:focus,
.fs-mobile-navbar .navbar-inverse .navbar-brand:hover,
.fs-mobile-navbar .navbar-inverse .navbar-brand:focus {
  color: #4A5B6D;
  transition: color 0.3s ease;
}

.fs-mobile-navbar .navbar-inverse {
  background-color: #7998AA;
}

.fs-mobile-navbar .navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggle .icon-dot {
  color: #ffffff;
}

.fs-sysbar.navbar-inverse .navbar-nav > li > a {
  color: #8C9CAE;
  font-weight: 500;
  transition: all 0.3s ease;
}

.fs-sysbar.navbar-inverse .navbar-nav > li > a:hover,
.fs-sysbar.navbar-inverse .navbar-nav > li > a:focus {
  color: #436380;
  background-color: transparent;
}

.fs-sysbar.navbar-inverse .navbar-nav > .open > a,
.fs-sysbar.navbar-inverse .navbar-nav > .open > a:hover,
.fs-sysbar.navbar-inverse .navbar-nav > .open > a:focus {
  color: #436380;
  background-color: #F0F4F8;
  border-radius: 4px;
}

.fs-sysbar.navbar-inverse .fs-logo {
  margin-top: -5px;
}

.fs-course-sysbar {
  background-color: #7998AA;
  border-color: #7998AA;
}

/* --- 2. 橫幅 (Banner) --- */
.fs-banner {
  background-color: #ffffff;
  background-image: url("/sysdata/attach/layout.css//5cabd478fd592532a0148d9c823ef047.jpg");
  background-size: cover;
  background-position: center;
  padding: 15px 10px;
  border-bottom: 1px solid #E5EAF0;
}

.fs-banner-title {
  text-shadow: 0 2px 4px rgba(74, 91, 109, 0.3);
  letter-spacing: 1px;
}

/* --- 3. 網站主選單 (Sitebar) + 琉璃微光 (無震動) --- */
.fs-navbar-title a,
.fs-navbar-btns a {
  color: #ffffff;
}

.fs-sitebar {
  /* 和風柔和漸層：淺粉湖水藍 -> 粉藍 -> 和風灰藍 */
  background: linear-gradient(135deg, #7DB4B5, #6998B6, #4B6E8A);
  box-shadow: 0 4px 10px rgba(75, 110, 138, 0.15);
}

/* 連結基礎設定 */
.fs-sitebar .nav > li > a {
  color: rgba(255, 255, 255, 0.85);
  font-weight: 600; /* 您剛剛加上的粗體 */
  border-bottom-color: transparent;
  position: relative;
  
  /* 👇 關鍵在這裡！ */
  /* padding 的第一個數字是「上下」，第二個數字是「左右」 */
  padding: 15px 10px; /* 把原本的 20px 改小，例如 12px 或 10px */
  
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 隱藏的發光底線 (由中向外展開準備) */
.fs-sitebar .nav > li > a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%); /* 僅用於讓線條置中，不影響上下位移 */
  background: #ffffff;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
  transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 2px;
}

/* 游標指到時 (Hover) 的華麗變化 */
.fs-sitebar .nav > li > a:hover,
.fs-sitebar .nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
  border-color: transparent;
  /* 雙層文字光暈，保留質感的發光效果 */
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.6), 0 0 15px rgba(105, 152, 182, 0.5);
  /* ⚠️ 已經將微微上浮的 transform 移除，畫面不再震動 */
}

/* 游標指到時，底線展開至 70% */
.fs-sitebar .nav > li > a:hover::after {
  width: 70%;
}

/* 開啟狀態的選單 */
.fs-sitebar .nav .open > a,
.fs-sitebar .nav .open > a:hover,
.fs-sitebar .nav .open > a:focus {
  background-color: rgba(255, 255, 255, 0.15);
  border-bottom-color: transparent;
}

/* 側邊欄與選單的 Active 狀態 */
.fs-sitebar .fs-nav > ul > li.active > a,
.fs-sitebar .fs-nav > ul > li.active > a:focus {
  color: #4B6E8A;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* --- 4. 側欄與下拉選單 --- */
.nav > li > a:hover, 
.nav > li > a:focus,
.fs-thumblist .curr,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #F4F8FA;
  color: #4B6E8A;
}

/* --- 5. 表格 --- */
.fs-table .table.custom,
tbody {
  border-top: 3px solid #6998B6;
  border-bottom: 1px solid #E5EAF0;
}

.fs-th {
  background-color: #F4F8FA;
  color: #4B6E8A;
  font-weight: 600;
}

/* --- 6. 報告與過濾器 --- */
.report {
  border-left: 4px solid #6998B6;
  padding-left: 10px;
  background-color: #F9FBFC;
}

.filter {
  border-color: transparent;
}

/* --- 7. 自訂頁面標題 --- */
.cpage-box .box-title {
  background-color: transparent;
  color: #4A5B6D;
  border-width: 0px 0px 2px 0px;
  border-style: solid;
  border-color: #6998B6;
  font-size: 18px;
  font-weight: 600;
  padding: 8px 0px 5px 0px;
  margin-bottom: 15px;
}