/* 全局字型 */
.custom-font1 {
    font-family: Arial, sans-serif;
}

/* 容器 */
.container1 {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

/* 標題 */
.title-blue1 {
    color: #2c5aa0;
}

/* 驗證碼外框 */
.code-box1 {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: center;
    margin: 20px 0;
}

/* 驗證碼文字 */
.code-text1 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #2c5aa0;
}

/* 說明文字 */
.text-gray1 {
    color: #666;
}

.no-effect {
  all: unset;       /* 移除所有預設樣式 */
  display: block;   /* 恢復區塊行為 */
}

.show-password-button:focus-visible {
  outline: 2px solid red !important;      /* 紅色外框 */
  outline-offset: 3px;         /* 與邊緣留點距離 */
  border-radius: 4px;          /* 讓線有點圓角，看起來柔和 */
}

.btn:focus-visible {
  outline: 2px solid red !important;      /* 紅色外框 */
  outline-offset: 3px;         /* 與邊緣留點距離 */
  border-radius: 4px;          /* 讓線有點圓角，看起來柔和 */
}

a:focus-visible {
  outline: 2px solid red !important;      /* 紅色外框 */
  outline-offset: 3px;         /* 與邊緣留點距離 */
  border-radius: 4px;          /* 讓線有點圓角，看起來柔和 */
}