/* 右下角圖示用到的樣式 */
.login-container {
    position: relative;
    min-height: 100vh; /* 保證畫面至少佔滿整個視窗 */
    overflow: hidden;
}

.decoration1 {
    pointer-events: none; /* 防止影響點擊表單 */
    z-index: -1;
}

#LoginApp {
    position: relative;
    z-index: 1; /* 登入區塊顯示在裝飾圖上層 */
}

/* 左邊最新消息用到的樣式 */
.login-left .dashed-border li a { /* 限制左邊文字區塊，讓右邊箭頭不被擠壓 */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login-left .dashed-border li a > div {
    flex: 1 1 auto; /* 左邊區塊可自動縮放 */
    min-width: 0; /* 防止 flex 內容撐壞容器（關鍵） */
}

.login-left .arrow-right { /* 右邊箭頭固定大小 */
    flex-shrink: 0; /* 不可被擠壓 */
    margin-left: 12px; /* 與左邊文字保持距離 */
    width: 20px;
    text-align: right;
}

.list-unstyled { /* 左邊最新消息設定上下卷軸 */
    max-height: 360px; /* 可依需求調整高度 */
    overflow-y: auto; /* 超出內容出現垂直捲軸 */
    padding-right: 10px; /* 避免捲軸蓋到內容 */
}

.list-unstyled::-webkit-scrollbar { /* 可選：自訂滾動條樣式（美觀） */
    width: 12px;
}

.list-unstyled::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
    border-radius: 4px;
}

.list-unstyled::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.05);
    border-radius: 4px;
}

/* 檢視最新公告 */
.news-detail {
    font-family: "微軟正黑體", "Segoe UI", sans-serif;
    color: #333;
}

.news-detail .form-label {
    font-size: 0.95rem;
    letter-spacing: 0.03em;
}

.news-content {
    line-height: 1.8;
    font-size: 1rem;
    color: black;
}

.modal-title {
    font-weight: 700;
    color: #550080;
}

.modal-title::before {
    font-size: 1.2rem;
}

.bi-megaphone-fill {
    color: #5e9e8d; /* 主題綠 */
}

.p-dialog-header {
    padding-top: .75rem;
    padding-bottom: .75rem;
}