body { font-family: 'Microsoft JhengHei', Arial, sans-serif; background:#fff; color:#111; }
.container { max-width: 980px; margin: 0 auto; }
.login-card { max-width:480px; margin: 40px auto; padding:20px; border:1px solid #eee; border-radius:8px; box-shadow:0 6px 18px rgba(0,0,0,0.04); }
.form-row { margin-bottom:12px; }
.form-row label { display:block; margin-bottom:6px; color:#333; }
.form-row input { width:100%; padding:8px 10px; border:1px solid #ddd; border-radius:6px; }
.grade-table, .scores-table, .db-table { width:100%; border-collapse: collapse; margin-top:12px; }
.grade-table th, .grade-table td, .scores-table th, .scores-table td, .db-table th, .db-table td { border:1px solid #eee; padding:8px; text-align:left; vertical-align:top; }
.scores-table th { background:#fafafa; }
.db-table pre { margin:0; font-size:13px; color:#222; }

/* 新增全域按鈕樣式 */
button, .ant-btn {
  border-radius: 8px; /* 圓角 */
  border: none;
  cursor: pointer;
  padding: 10px 16px;
  font-size: 14px;
  background-color: #ffae00; /* 預設背景色 */
  color: #000; /* 預設文字顏色 */
  transition: background-color 0.3s ease, transform 0.2s ease; /* 增加過渡效果 */
}

button:hover, .ant-btn:hover {
  background-color: #ffbb00; /* 懸停時的背景色 */
}

/* 固定左邊的欄位 */
.sticky-column {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 20; /* 確保固定欄位在其他欄位上方 */
  border-right: 1px solid #ddd; /* 添加分隔線 */
}

/* 為每個固定欄位設置不同的 left 值 */
.sticky-left-0 {
  left: 0;
}
.sticky-left-1 {
  left: 49px; /* 根據第一欄的寬度調整 */
}
.sticky-left-2 {
  left: 157px; /* 根據第二欄的寬度調整 */
}
.sticky-left-3 {
  left: 222px; /* 根據第三欄的寬度調整 */
}

/* 固定表頭 */
table thead th {
  position: sticky;
  top: 0;
  z-index: 15; /* 確保表頭在固定欄位上方 */
}

/* 表格內容自動展開 */
table td, table th {
  white-space: nowrap; /* 防止內容換行 */
  text-align: center; /* 內容置中 */
  vertical-align: middle; /* 垂直置中 */
}