.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}

.h-custom {
    height: calc(100% - 73px);
}

.pic img {
    transform: scale(1,1);
    transition: all 1s ease-out;
}

    .pic img:hover {
        transform: scale(1.2,1.2);
    }

.pic img {
    -webkit-filter: drop-shadow(8px 8px 10px #000); /* Safari */
    filter: drop-shadow(8px 8px 10px #000);
}
.form-notch-leading-width {
    width: 9px;
}
.form-notch-middle-width {
    width: 2.7rem !important;
}.form-notch-middle-w53 { width: 53px; }
.form-notch-middle-w60 { width: 60px; }
.ms-0-label { margin-left: 0 !important; }
.cursor-pointer { cursor: pointer; }

/* 登入按鈕 */
.login-btn {
    background-color: #206bc4 !important;
    color: #fff !important;
    border-color: #206bc4 !important;
}
.login-btn:hover, .login-btn:focus {
    background-color: #1a5aab !important;
    color: #fff !important;
    border-color: #1a5aab !important;
}

/* 右側表單區域 */
.login-form-panel {
    min-height: 100vh;
}

/* 手機／平板寬度（< lg，左側插圖面板隱藏時）：表單面板改用 sysConfig(LOGIN_MOBILE_BG) 設定的背景圖，
   疊一層半透明白色遮罩確保欄位與文字仍清楚易讀；未設定時 --login-mobile-bg 為 none，不影響原本外觀 */
@media (max-width: 991.98px) {
    .login-form-panel {
        background-image: linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, 0.5)), var(--login-mobile-bg, none);
        background-size: cover;
        background-position: left;
        background-repeat: no-repeat;
    }
}

/* 左側插圖區域：圖片滿版鋪滿整個面板 */
.login-illustration-panel {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    padding: 0;
}
.login-illustration {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

/* form-floating + form-control-lg 相容修正 */
.form-floating > .form-control-lg {
    height: calc(4rem + 2px);
    padding-top: 1.875rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-control-lg ~ label {
    padding: 1rem 0.75rem;
}