/* /Areas/CertIssuance/Pages/CertApply/Edit.cshtml.rz.scp.css */
.excel-table-wrapper[b-6rspa88hl5] {
    max-height: 500px; /* 控制表格最大高度，出現垂直捲軸 */
    overflow: auto;
}

.excel-table[b-6rspa88hl5] {
    border-collapse: separate; /* 必須設定 separate 才能用 sticky */
    border-spacing: 0;
    width: max-content; /* 讓表格依內容展開，出現水平捲軸 */
}

    /* 凍結表頭 (上下捲動時固定) */
    .excel-table thead th[b-6rspa88hl5] {
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: #e9ecef;
        border-bottom: 2px solid #dee2e6;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
    }

/* 凍結左側前兩欄 (左右捲動時固定身分證與姓名) */
.freeze-col-1[b-6rspa88hl5] {
    position: sticky;
    left: 0;
    z-index: 5;
    background-color: #fff;
    border-right: 1px solid #dee2e6;
}

.freeze-col-2[b-6rspa88hl5] {
    position: sticky;
    left: 120px; /* 依據第一欄寬度調整 */
    z-index: 5;
    background-color: #fff;
    border-right: 2px solid #adb5bd; /* 加深邊界線讓使用者知道這是凍結線 */
}

/* 左上角交集處，層級最高 */
.excel-table thead th.freeze-col-1[b-6rspa88hl5],
.excel-table thead th.freeze-col-2[b-6rspa88hl5] {
    z-index: 15;
    background-color: #e9ecef;
}


/* 裁切區塊樣式大升級：強制撐開高度，讓小圖也能大範圍編輯 */
.img-container[b-6rspa88hl5] {
    height: 60vh; /* 強制給予螢幕 60% 的高度 */
    min-height: 450px; /* 確保在小螢幕上至少也有 450px 的高度 */
    width: 100%;
    background-color: #e9ecef;
    /* 利用 Flexbox 讓載入的圖片在容器內完美置中 */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* 加上內陰影讓編輯區塊更有質感 */
    box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
}

    .img-container img[b-6rspa88hl5] {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }
.photo-preview[b-6rspa88hl5] {
    width: 50px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* 讓游標變成放大鏡，加上 hover 互動效果 */
.zoomable-photo[b-6rspa88hl5] {
    cursor: zoom-in;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .zoomable-photo:hover[b-6rspa88hl5] {
        transform: scale(1.1);
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
/* /Areas/CertIssuance/Pages/CertApply/Import.cshtml.rz.scp.css */
/* 步驟指示器樣式 */
.step-indicator[b-9kt3z11pz4] {
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    background-color: #f8f9fa;
    color: #6c757d;
    font-weight: bold;
    border: 2px solid #dee2e6;
    transition: all 0.3s;
}

    .step-indicator.active[b-9kt3z11pz4] {
        background-color: #e0f2fe; /* 淡藍色 */
        color: #0369a1; /* 深藍色 */
        border-color: #38bdf8;
    }

.step-connector[b-9kt3z11pz4] {
    width: 50px;
    height: 2px;
    background-color: #dee2e6;
    margin: auto 10px;
}
/* /Areas/CertIssuance/Pages/CertApprove/Review.cshtml.rz.scp.css */

.step-nav .nav-link[b-j35ywmznzo] {
    font-size: 1.1rem;
    padding: 1rem 1.5rem;
    color: #6c757d;
    border-radius: 0;
    border-bottom: 3px solid transparent;
}

    .step-nav .nav-link.active[b-j35ywmznzo] {
        color: #0d6efd;
        font-weight: bold;
        border-bottom: 3px solid #0d6efd;
        background: transparent;
    }

.step-nav .nav-item[b-j35ywmznzo] {
    flex-grow: 1;
    text-align: center;
}

/* 展開列的左側提示線 */
.table-row-expanded[b-j35ywmznzo] {
    background-color: #f8f9fa;
    border-left: 4px solid #17a2b8;
}

/* ★ 新增：精美的詳細資料 Grid 排版 */
.info-grid[b-j35ywmznzo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.2rem;
}

.info-label[b-j35ywmznzo] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 0.2rem;
}

.info-value[b-j35ywmznzo] {
    font-weight: 500;
    color: #212529;
}
/* /Areas/CertIssuance/Pages/CertBulletinBoard/BulletinBoard.cshtml.rz.scp.css */
.portal-card[b-xos3p8vzol] {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-radius: 0.5rem;
    border: none;
    margin-bottom: 1.5rem;
}

    .portal-card .card-header[b-xos3p8vzol] {
        background-color: #fff;
        border-bottom: 2px solid #f8f9fa; /* 加粗分隔線增加層次 */
        padding: 1.25rem 1.5rem;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }

    .portal-card .card-title[b-xos3p8vzol] {
        font-size: 1.15rem;
        font-weight: 700;
        color: #212529; /* 加深主標題顏色 */
        margin: 0;
        display: flex;
        align-items: center;
    }

/* ==========================================
   最新消息列表風格
   ========================================== */
.portal-news-title[b-xos3p8vzol] {
    font-size: 1.05rem;
    transition: color 0.2s ease;
}

    .portal-news-title:hover[b-xos3p8vzol] {
        color: #0d6efd !important;
        text-decoration: none !important;
    }

.news-date-badge[b-xos3p8vzol] {
    display: inline-block;
    background-color: #f8f9fa;
    color: #495057;
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    border: 1px solid #dee2e6;
    white-space: nowrap;
}

/* ==========================================
   Accordion 常見問題風格加強 (更清晰)
   ========================================== */
.accordion-portal .accordion-item[b-xos3p8vzol] {
    border: 1px solid #dee2e6; /* 加入明顯邊框 */
    border-radius: 0.375rem !important; /* 每個項目獨立圓角 */
    margin-bottom: 0.75rem; /* 項目之間留白 */
    overflow: hidden;
}

.accordion-portal .accordion-button[b-xos3p8vzol] {
    padding: 1.25rem;
    font-weight: 600; /* 加粗問題字體 */
    color: #212529; /* 加深文字顏色 */
    background-color: #f8f9fa; /* 預設給予淡淡的灰底區隔 */
    box-shadow: none;
    transition: background-color 0.2s;
}

    /* 展開時的樣式：給予主色調背景，視覺更聚焦 */
    .accordion-portal .accordion-button:not(.collapsed)[b-xos3p8vzol] {
        color: #084298;
        background-color: #cfe2ff;
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    }

.accordion-portal .accordion-body[b-xos3p8vzol] {
    padding: 1.5rem 1.25rem;
    color: #343a40; /* 內文字體加深，不再過淡 */
    line-height: 1.7;
    background-color: #fff; /* 答案區塊白底，凸顯對比 */
    white-space: pre-line;
    padding-top: 0;
}
/* /Areas/CertIssuance/Pages/CertBulletinBoard/NewsDetail.cshtml.rz.scp.css */
/* 內容區塊的行高與字體優化 */
.news-content-body[b-iztzcbhir1] {
    line-height: 1.8;
    font-size: 1.05rem;
    color: #333;
}
    /* 內容區塊內如果有圖片，讓它自動縮放不破版 */
    .news-content-body img[b-iztzcbhir1] {
        max-width: 100%;
        height: auto;
    }
/* 附件項目懸停動畫 */
.attachment-item[b-iztzcbhir1] {
    transition: all 0.2s ease-in-out;
}

    .attachment-item:hover[b-iztzcbhir1] {
        border-color: #0d6efd !important;
        box-shadow: 0 0.25rem 0.5rem rgba(13, 110, 253, 0.15) !important;
        transform: translateY(-2px);
    }
/* /Areas/CertIssuance/Pages/CertDashboard/Dashboard.cshtml.rz.scp.css */
.stat-card[b-mo1qmugbv1] {
    border-radius: 0.75rem;
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: transform 0.2s;
}

    .stat-card:hover[b-mo1qmugbv1] {
        transform: translateY(-3px);
    }

.icon-box[b-mo1qmugbv1] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    font-size: 1.5rem;
}

.bg-light-primary[b-mo1qmugbv1] {
    background-color: #e2eefd;
    color: #0d6efd;
}

.bg-light-warning[b-mo1qmugbv1] {
    background-color: #fff3cd;
    color: #ffc107;
}

.bg-light-success[b-mo1qmugbv1] {
    background-color: #d1e7dd;
    color: #198754;
}

.mini-stat[b-mo1qmugbv1] {
    border-right: 1px solid #dee2e6;
}

    .mini-stat:last-child[b-mo1qmugbv1] {
        border-right: none;
    }
/* /Areas/CertIssuance/Pages/CertExport/List.cshtml.rz.scp.css */
/* ::deep 讓樣式可以穿透應用到 JS 動態產生的元素上 */
[b-zziw2oxe88] .selected-badge {
    display: inline-flex;
    align-items: center;
    background-color: #e2eefd;
    border: 1px solid #b6d4fe;
    border-radius: 20px;
    padding: 6px 14px;
    margin: 6px 6px 0 0;
    font-size: 0.95rem;
    font-weight: 500;
    color: #052c65;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    transition: all 0.2s ease-in-out;
}

    [b-zziw2oxe88] .selected-badge:hover {
        background-color: #cfe2ff;
    }

    [b-zziw2oxe88] .selected-badge .remove-btn {
        cursor: pointer;
        color: #0a58ca;
        margin-left: 8px;
        font-size: 1.1rem;
        font-weight: bold;
        transition: transform 0.2s;
    }

        [b-zziw2oxe88] .selected-badge .remove-btn:hover {
            color: #dc3545;
            transform: scale(1.2);
        }


/* /Areas/CertIssuance/Pages/CertNewsMag/Create.cshtml.rz.scp.css */
/* 強化必填符號樣式 */
.form-label.required[b-1gxph8xgrv]::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}
/* 調整 Quill 編輯器的高度，符合後台操作習慣 */
.ql-container[b-1gxph8xgrv] {
    min-height: 300px;
    background-color: #fff;
}
/* /Areas/CertIssuance/Pages/CertReview/Review.cshtml.rz.scp.css */

.step-nav .nav-link[b-7zxnx4vvbb] {
    font-size: 1.1rem;
    padding: 1rem 1.5rem;
    color: #6c757d;
    border-radius: 0;
    border-bottom: 3px solid transparent;
}

    .step-nav .nav-link.active[b-7zxnx4vvbb] {
        color: #0d6efd;
        font-weight: bold;
        border-bottom: 3px solid #0d6efd;
        background: transparent;
    }

.step-nav .nav-item[b-7zxnx4vvbb] {
    flex-grow: 1;
    text-align: center;
}

/* 展開列的左側提示線 */
.table-row-expanded[b-7zxnx4vvbb] {
    background-color: #f8f9fa;
    border-left: 4px solid #17a2b8;
}

/* ★ 新增：精美的詳細資料 Grid 排版 */
.info-grid[b-7zxnx4vvbb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.2rem;
}

.info-label[b-7zxnx4vvbb] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 0.2rem;
}

.info-value[b-7zxnx4vvbb] {
    font-weight: 500;
    color: #212529;
}
/* /Areas/CertIssuance/Pages/Shared/_CertApplyDetailsPartial.cshtml.rz.scp.css */
.excel-table-wrapper[b-wwhi30hjvu] {
    max-height: 500px; /* 控制表格最大高度，出現垂直捲軸 */
    overflow: auto;
}

.excel-table[b-wwhi30hjvu] {
    border-collapse: separate; /* 必須設定 separate 才能用 sticky */
    border-spacing: 0;
    width: max-content; /* 讓表格依內容展開，出現水平捲軸 */
}

    /* 凍結表頭 (上下捲動時固定) */
    .excel-table thead th[b-wwhi30hjvu] {
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: #e9ecef;
        border-bottom: 2px solid #dee2e6;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
    }

/* 凍結左側前兩欄 (左右捲動時固定身分證與姓名) */
.freeze-col-1[b-wwhi30hjvu] {
    position: sticky;
    left: 0;
    z-index: 5;
    background-color: #fff;
    border-right: 1px solid #dee2e6;
}

.freeze-col-2[b-wwhi30hjvu] {
    position: sticky;
    left: 120px; /* 依據第一欄寬度調整 */
    z-index: 5;
    background-color: #fff;
    border-right: 2px solid #adb5bd; /* 加深邊界線讓使用者知道這是凍結線 */
}

/* 左上角交集處，層級最高 */
.excel-table thead th.freeze-col-1[b-wwhi30hjvu],
.excel-table thead th.freeze-col-2[b-wwhi30hjvu] {
    z-index: 15;
    background-color: #e9ecef;
}
/* /Areas/CertIssuance/Pages/TeacherExamPass/Import.cshtml.rz.scp.css */
/* 配合 EasyAdmin 風格的淡色報錯背景 */
.table-danger-light[b-1bzku5ent5] {
    background-color: #fff5f5 !important;
}

.bg-success-light[b-1bzku5ent5] {
    background-color: #f0fdf4;
    border: 1px solid #dcfce7;
}

/* 錯誤單元格標紅樣式 */
.table-danger-cell[b-1bzku5ent5] {
    background-color: #fef2f2 !important;
    color: #dc2626 !important;
    font-weight: 600;
    border: 1px solid #fecaca !important;
}
/* 卡片視圖內的錯誤條目 */
.error-field-item[b-1bzku5ent5] {
    border-left: 4px solid #dc2626;
    background-color: #fff5f5;
}
/* /Areas/CertReIssuance/Pages/ReCertApplicationMag/Edit.cshtml.rz.scp.css */
.required[b-2akct4o7at]::after {
    content: " *";
    color: red;
}

.cropper-container-wrapper[b-2akct4o7at] {
    min-height: 200px;
    overflow: hidden;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 30px; /* 重點：給予外部留白，放大外框 */
    text-align: center;
}

    .cropper-container-wrapper img[b-2akct4o7at] {
        max-width: 100%;
    }

.img-preview-container[b-2akct4o7at] {
    display: none;
}
/* 用於視覺得群組化外框 */
.cert-info-group[b-2akct4o7at] {
    border: 1px solid #dee2e6;
    background-color: #fdfdfd;
    border-radius: 0.5rem;
    padding: 1.25rem;
}


/* ========================================== */
/*  Select2 在 Disabled 狀態下鎖定 */
/* ========================================== */

/* 將背景變成 Bootstrap 標準的鎖定灰色，並顯示禁止符號 */
.select2-container--disabled .select2-selection[b-2akct4o7at] {
    background-color: #e9ecef !important;
    cursor: not-allowed !important;
    opacity: 1;
    border-color: #dee2e6 !important;
}

/* 確保裡面的文字顏色也變淡 */
.select2-container--disabled .select2-selection__rendered[b-2akct4o7at] {
    color: #6c757d !important;
}

/* 停用時，絕對不准顯示「清除 (x)」按鈕，避免誤點 */
.select2-container--disabled .select2-selection__clear[b-2akct4o7at] {
    display: none !important;
}

/* ========================================== */
/* 必填驗證失敗時的紅框與樣式 */
/* ========================================== */

.input-validation-error[b-2akct4o7at] {
    border-color: #dc3545 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

    .input-validation-error:focus[b-2akct4o7at] {
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
    }
/* /Areas/CertReIssuance/Pages/ReCertDashboard/Dashboard.cshtml.rz.scp.css */
.stat-card[b-spkc2hpi8o] {
    transition: all 0.3s ease;
}

    .stat-card:hover[b-spkc2hpi8o] {
        transform: translateY(-5px);
    }

.icon-box[b-spkc2hpi8o] {
    background-color: rgba(0, 0, 0, 0.05);
}

.bg-light-primary[b-spkc2hpi8o] {
    background-color: rgba(13, 110, 253, 0.1) !important;
}

.bg-light-info[b-spkc2hpi8o] {
    background-color: rgba(13, 202, 240, 0.1) !important;
}

.bg-light-warning[b-spkc2hpi8o] {
    background-color: rgba(255, 193, 7, 0.1) !important;
}
/* /Areas/CertReIssuance/Pages/ReCertNewsMag/Create.cshtml.rz.scp.css */
/* 強化必填符號樣式 */
.form-label.required[b-j0k6hi9pzh]::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}
/* 調整 Quill 編輯器的高度，符合後台操作習慣 */
.ql-container[b-j0k6hi9pzh] {
    min-height: 300px;
    background-color: #fff;
}
/* /Areas/Educare/Pages/BulletinBoard/BulletinBoard.cshtml.rz.scp.css */
.portal-card[b-qv20qhopyc] {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-radius: 0.5rem;
    border: none;
    margin-bottom: 1.5rem;
}

    .portal-card .card-header[b-qv20qhopyc] {
        background-color: #fff;
        border-bottom: 2px solid #f8f9fa; /* 加粗分隔線增加層次 */
        padding: 1.25rem 1.5rem;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }

    .portal-card .card-title[b-qv20qhopyc] {
        font-size: 1.15rem;
        font-weight: 700;
        color: #212529; /* 加深主標題顏色 */
        margin: 0;
        display: flex;
        align-items: center;
    }

/* ==========================================
   最新消息列表風格
   ========================================== */
.portal-news-title[b-qv20qhopyc] {
    font-size: 1.05rem;
    transition: color 0.2s ease;
}

    .portal-news-title:hover[b-qv20qhopyc] {
        color: #0d6efd !important;
        text-decoration: none !important;
    }

.news-date-badge[b-qv20qhopyc] {
    display: inline-block;
    background-color: #f8f9fa;
    color: #495057;
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    border: 1px solid #dee2e6;
    white-space: nowrap;
}

/* ==========================================
   Accordion 常見問題風格加強 (更清晰)
   ========================================== */
.accordion-portal .accordion-item[b-qv20qhopyc] {
    border: 1px solid #dee2e6; /* 加入明顯邊框 */
    border-radius: 0.375rem !important; /* 每個項目獨立圓角 */
    margin-bottom: 0.75rem; /* 項目之間留白 */
    overflow: hidden;
}

.accordion-portal .accordion-button[b-qv20qhopyc] {
    padding: 1.25rem;
    font-weight: 600; /* 加粗問題字體 */
    color: #212529; /* 加深文字顏色 */
    background-color: #f8f9fa; /* 預設給予淡淡的灰底區隔 */
    box-shadow: none;
    transition: background-color 0.2s;
}

    /* 展開時的樣式：給予主色調背景，視覺更聚焦 */
    .accordion-portal .accordion-button:not(.collapsed)[b-qv20qhopyc] {
        color: #084298;
        background-color: #cfe2ff;
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    }

.accordion-portal .accordion-body[b-qv20qhopyc] {
    padding: 1.5rem 1.25rem;
    color: #343a40; /* 內文字體加深，不再過淡 */
    line-height: 1.7;
    background-color: #fff; /* 答案區塊白底，凸顯對比 */
    white-space: pre-line;
    padding-top: 0;
}
/* /Areas/Educare/Pages/BulletinBoard/NewsDetail.cshtml.rz.scp.css */
/* 內容區塊的行高與字體優化 */
.news-content-body[b-f788njlont] {
    line-height: 1.8;
    font-size: 1.05rem;
    color: #333;
}
    /* 內容區塊內如果有圖片，讓它自動縮放不破版 */
    .news-content-body img[b-f788njlont] {
        max-width: 100%;
        height: auto;
    }
/* 附件項目懸停動畫 */
.attachment-item[b-f788njlont] {
    transition: all 0.2s ease-in-out;
}

    .attachment-item:hover[b-f788njlont] {
        border-color: #0d6efd !important;
        box-shadow: 0 0.25rem 0.5rem rgba(13, 110, 253, 0.15) !important;
        transform: translateY(-2px);
    }
/* /Areas/Educare/Pages/Dashboard/Dashboard.cshtml.rz.scp.css */
.stat-card[b-o8lmuul3xn] {
    border-radius: 0.75rem;
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: transform 0.2s;
}

    .stat-card:hover[b-o8lmuul3xn] {
        transform: translateY(-3px);
    }

.icon-box[b-o8lmuul3xn] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    font-size: 1.5rem;
}

.bg-light-primary[b-o8lmuul3xn] {
    background-color: #e2eefd;
    color: #0d6efd;
}

.bg-light-warning[b-o8lmuul3xn] {
    background-color: #fff3cd;
    color: #ffc107;
}

.bg-light-success[b-o8lmuul3xn] {
    background-color: #d1e7dd;
    color: #198754;
}

.mini-stat[b-o8lmuul3xn] {
    border-right: 1px solid #dee2e6;
}

    .mini-stat:last-child[b-o8lmuul3xn] {
        border-right: none;
    }
/* /Areas/Educare/Pages/NewsMag/Create.cshtml.rz.scp.css */
/* 強化必填符號樣式 */
.form-label.required[b-op1gj9nc62]::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}
/* 調整 Quill 編輯器的高度，符合後台操作習慣 */
.ql-container[b-op1gj9nc62] {
    min-height: 300px;
    background-color: #fff;
}
/* /Areas/Financed/Pages/BulletinBoard/Index.cshtml.rz.scp.css */
.portal-card[b-w2hbjoel8b] {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-radius: 0.5rem;
    border: none;
    margin-bottom: 1.5rem;
}

    .portal-card .card-header[b-w2hbjoel8b] {
        background-color: #fff;
        border-bottom: 2px solid #f8f9fa; /* 加粗分隔線增加層次 */
        padding: 1.25rem 1.5rem;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }

    .portal-card .card-title[b-w2hbjoel8b] {
        font-size: 1.15rem;
        font-weight: 700;
        color: #212529; /* 加深主標題顏色 */
        margin: 0;
        display: flex;
        align-items: center;
    }

/* ==========================================
   最新消息列表風格
   ========================================== */
.portal-news-title[b-w2hbjoel8b] {
    font-size: 1.05rem;
    transition: color 0.2s ease;
}

    .portal-news-title:hover[b-w2hbjoel8b] {
        color: #0d6efd !important;
        text-decoration: none !important;
    }

.news-date-badge[b-w2hbjoel8b] {
    display: inline-block;
    background-color: #f8f9fa;
    color: #495057;
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    border: 1px solid #dee2e6;
    white-space: nowrap;
}

/* ==========================================
   Accordion 常見問題風格加強 (更清晰)
   ========================================== */
.accordion-portal .accordion-item[b-w2hbjoel8b] {
    border: 1px solid #dee2e6; /* 加入明顯邊框 */
    border-radius: 0.375rem !important; /* 每個項目獨立圓角 */
    margin-bottom: 0.75rem; /* 項目之間留白 */
    overflow: hidden;
}

.accordion-portal .accordion-button[b-w2hbjoel8b] {
    padding: 1.25rem;
    font-weight: 600; /* 加粗問題字體 */
    color: #212529; /* 加深文字顏色 */
    background-color: #f8f9fa; /* 預設給予淡淡的灰底區隔 */
    box-shadow: none;
    transition: background-color 0.2s;
}

    /* 展開時的樣式：給予主色調背景，視覺更聚焦 */
    .accordion-portal .accordion-button:not(.collapsed)[b-w2hbjoel8b] {
        color: #084298;
        background-color: #cfe2ff;
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    }

.accordion-portal .accordion-body[b-w2hbjoel8b] {
    padding: 1.5rem 1.25rem;
    color: #343a40; /* 內文字體加深，不再過淡 */
    line-height: 1.7;
    background-color: #fff; /* 答案區塊白底，凸顯對比 */
    white-space: pre-line;
    padding-top: 0;
}
/* /Areas/Financed/Pages/BulletinBoard/NewsDetail.cshtml.rz.scp.css */
/* 內容區塊的行高與字體優化 */
.news-content-body[b-1yz126tk0f] {
    line-height: 1.8;
    font-size: 1.05rem;
    color: #333;
}
    /* 內容區塊內如果有圖片，讓它自動縮放不破版 */
    .news-content-body img[b-1yz126tk0f] {
        max-width: 100%;
        height: auto;
    }
/* 附件項目懸停動畫 */
.attachment-item[b-1yz126tk0f] {
    transition: all 0.2s ease-in-out;
}

    .attachment-item:hover[b-1yz126tk0f] {
        border-color: #0d6efd !important;
        box-shadow: 0 0.25rem 0.5rem rgba(13, 110, 253, 0.15) !important;
        transform: translateY(-2px);
    }
/* /Areas/Financed/Pages/Dashboard/Index.cshtml.rz.scp.css */
.stat-card[b-36yq45nv0g] {
    border-radius: 0.75rem;
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: transform 0.2s;
}

    .stat-card:hover[b-36yq45nv0g] {
        transform: translateY(-3px);
    }

.icon-box[b-36yq45nv0g] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    font-size: 1.5rem;
}

.bg-light-primary[b-36yq45nv0g] {
    background-color: #e2eefd;
    color: #0d6efd;
}

.bg-light-warning[b-36yq45nv0g] {
    background-color: #fff3cd;
    color: #ffc107;
}

.bg-light-success[b-36yq45nv0g] {
    background-color: #d1e7dd;
    color: #198754;
}

.mini-stat[b-36yq45nv0g] {
    border-right: 1px solid #dee2e6;
}

    .mini-stat:last-child[b-36yq45nv0g] {
        border-right: none;
    }
/* /Areas/Financed/Pages/DistributeNotice/Upload.cshtml.rz.scp.css */
/* 配合 EasyAdmin 風格的淡色報錯背景 */
.table-danger-light[b-2x9uj3jl2l] {
    background-color: #fff5f5 !important;
}

.bg-success-light[b-2x9uj3jl2l] {
    background-color: #f0fdf4;
    border: 1px solid #dcfce7;
}

/* 錯誤單元格標紅樣式 */
.table-danger-cell[b-2x9uj3jl2l] {
    background-color: #fef2f2 !important;
    color: #dc2626 !important;
    font-weight: 600;
    border: 1px solid #fecaca !important;
}
/* 卡片視圖內的錯誤條目 */
.error-field-item[b-2x9uj3jl2l] {
    border-left: 4px solid #dc2626;
    background-color: #fff5f5;
}
/* /Areas/Financed/Pages/Distribute/Upload.cshtml.rz.scp.css */
/* 配合 EasyAdmin 風格的淡色報錯背景 */
.table-danger-light[b-vk2tniwsw0] {
    background-color: #fff5f5 !important;
}

.bg-success-light[b-vk2tniwsw0] {
    background-color: #f0fdf4;
    border: 1px solid #dcfce7;
}

/* 錯誤單元格標紅樣式 */
.table-danger-cell[b-vk2tniwsw0] {
    background-color: #fef2f2 !important;
    color: #dc2626 !important;
    font-weight: 600;
    border: 1px solid #fecaca !important;
}
/* 卡片視圖內的錯誤條目 */
.error-field-item[b-vk2tniwsw0] {
    border-left: 4px solid #dc2626;
    background-color: #fff5f5;
}
/* /Areas/Financed/Pages/FinancedNewsMag/Create.cshtml.rz.scp.css */
/* 強化必填符號樣式 */
.form-label.required[b-eawymzr75x]::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}
/* 調整 Quill 編輯器的高度，符合後台操作習慣 */
.ql-container[b-eawymzr75x] {
    min-height: 300px;
    background-color: #fff;
}
/* /Areas/Financed/Pages/Quota/Import.cshtml.rz.scp.css */
/* 配合 EasyAdmin 風格的淡色報錯背景 */
.table-danger-light[b-7ns4vylgor] {
    background-color: #fff5f5 !important;
}

.bg-success-light[b-7ns4vylgor] {
    background-color: #f0fdf4;
    border: 1px solid #dcfce7;
}

/* 錯誤單元格標紅樣式 */
.table-danger-cell[b-7ns4vylgor] {
    background-color: #fef2f2 !important;
    color: #dc2626 !important;
    font-weight: 600;
    border: 1px solid #fecaca !important;
}
/* 卡片視圖內的錯誤條目 */
.error-field-item[b-7ns4vylgor] {
    border-left: 4px solid #dc2626;
    background-color: #fff5f5;
}
/* /Areas/Financed/Pages/Register/Import.cshtml.rz.scp.css */
/* 配合 EasyAdmin 風格的淡色報錯背景 */
.table-danger-light[b-e4bd1y7y0f] {
    background-color: #fff5f5 !important;
}

.bg-success-light[b-e4bd1y7y0f] {
    background-color: #f0fdf4;
    border: 1px solid #dcfce7;
}

/* 錯誤單元格標紅樣式 */
.table-danger-cell[b-e4bd1y7y0f] {
    background-color: #fef2f2 !important;
    color: #dc2626 !important;
    font-weight: 600;
    border: 1px solid #fecaca !important;
}
/* 卡片視圖內的錯誤條目 */
.error-field-item[b-e4bd1y7y0f] {
    border-left: 4px solid #dc2626;
    background-color: #fff5f5;
}
/* /Areas/SystemMan/Pages/EmailTemplate/Create.cshtml.rz.scp.css */
/* 強化必填符號樣式 */
.form-label.required[b-6c631g8d1b]::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}
/* 調整 Quill 編輯器的高度，符合後台操作習慣 */
.ql-container[b-6c631g8d1b] {
    min-height: 300px;
    background-color: #fff;
}
/* /Areas/SystemMan/Pages/EmailTemplate/Edit.cshtml.rz.scp.css */
/* 強化必填符號樣式，維持風格一致 */
.form-label.required[b-i4pm062yac]::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}
/* 統一編輯器高度設定 */
.ql-container[b-i4pm062yac] {
    min-height: 300px;
    background-color: #fff;
}
/* /Areas/SystemMan/Pages/Role/Create.cshtml.rz.scp.css */
/* ========================================== */
/* 1. 基礎元件與必填標示 */
/* ========================================== */
.required[b-8j8hbaf3ue]::after {
    content: " *";
    color: red;
}

/* 用於視覺的群組化外框 (Edit 頁面區塊) */
.cert-info-group[b-8j8hbaf3ue] {
    border: 1px solid #dee2e6;
    background-color: #fdfdfd;
    border-radius: 0.5rem;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

/* ========================================== */
/* 2. 檔案上傳與裁切器 (Cropper) */
/* ========================================== */
.cropper-container-wrapper[b-8j8hbaf3ue] {
    min-height: 200px;
    overflow: hidden;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 30px;
    text-align: center;
}

    .cropper-container-wrapper img[b-8j8hbaf3ue] {
        max-width: 100%;
    }

.img-preview-container[b-8j8hbaf3ue] {
    display: none;
}

/* ========================================== */
/* 3. 功能選單權限配置 (區塊化與對齊) */
/* ========================================== */

/* 大功能區塊分隔 */
.permission-group[b-8j8hbaf3ue] {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 1.5rem !important;
    overflow: hidden;
    transition: border-color 0.2s, shadow 0.2s;
}

    .permission-group:hover[b-8j8hbaf3ue] {
        border-color: #0d6efd !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }

/* 區塊標題欄 (第 0 層) */
.permission-header[b-8j8hbaf3ue] {
    background-color: #f8f9fa;
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    font-weight: bold;
}

/* 子功能容器 (第 1 層以上) */
.permission-sub-item[b-8j8hbaf3ue] {
    padding: 8px 0;
}

/* 第二層之後的縮排 */
.ms-sub-indent[b-8j8hbaf3ue] {
    margin-left: 2.5rem;
}

/* 讓底層動作按鈕 (檢視/編輯/刪除等) 水平整齊排列 */
.leaf-container[b-8j8hbaf3ue] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 10px 15px;
    background-color: #fafafa;
    border-radius: 4px;
    margin-top: 5px;
}

/* ========================================== */
/* 4. 表單驗證紅框與 Select2 鎖定樣式 */
/* ========================================== */

/* 必填驗證失敗：紅框與驚嘆號 */
.input-validation-error[b-8j8hbaf3ue] {
    border-color: #dc3545 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

    .input-validation-error:focus[b-8j8hbaf3ue] {
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
    }

/* Select2 停用狀態樣式 */
.select2-container--disabled .select2-selection[b-8j8hbaf3ue] {
    background-color: #e9ecef !important;
    cursor: not-allowed !important;
    opacity: 1;
    border-color: #dee2e6 !important;
}

.select2-container--disabled .select2-selection__rendered[b-8j8hbaf3ue] {
    color: #6c757d !important;
}

/* Checkbox 中繼狀態 (減號 -) 的樣式 */
.permission-cb:indeterminate[b-8j8hbaf3ue] {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cline x1='5' y1='10' x2='15' y2='10' style='fill:none;stroke:%23fff;stroke-width:3' /%3e%3c/svg%3e");
}
/* /Areas/SystemMan/Pages/Role/Edit.cshtml.rz.scp.css */
/* ========================================== */
/* 1. 基礎元件與必填標示 */
/* ========================================== */
.required[b-bi2a1zie2i]::after {
    content: " *";
    color: red;
}

/* 用於視覺的群組化外框 (Edit 頁面區塊) */
.cert-info-group[b-bi2a1zie2i] {
    border: 1px solid #dee2e6;
    background-color: #fdfdfd;
    border-radius: 0.5rem;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

/* ========================================== */
/* 2. 檔案上傳與裁切器 (Cropper) */
/* ========================================== */
.cropper-container-wrapper[b-bi2a1zie2i] {
    min-height: 200px;
    overflow: hidden;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 30px;
    text-align: center;
}

    .cropper-container-wrapper img[b-bi2a1zie2i] {
        max-width: 100%;
    }

.img-preview-container[b-bi2a1zie2i] {
    display: none;
}

/* ========================================== */
/* 3. 功能選單權限配置 (區塊化與對齊) */
/* ========================================== */

/* 大功能區塊分隔 */
.permission-group[b-bi2a1zie2i] {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 1.5rem !important;
    overflow: hidden;
    transition: border-color 0.2s, shadow 0.2s;
}

    .permission-group:hover[b-bi2a1zie2i] {
        border-color: #0d6efd !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }

/* 區塊標題欄 (第 0 層) */
.permission-header[b-bi2a1zie2i] {
    background-color: #f8f9fa;
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    font-weight: bold;
}

/* 子功能容器 (第 1 層以上) */
.permission-sub-item[b-bi2a1zie2i] {
    padding: 8px 0;
}

/* 第二層之後的縮排 */
.ms-sub-indent[b-bi2a1zie2i] {
    margin-left: 2.5rem;
}

/* 讓底層動作按鈕 (檢視/編輯/刪除等) 水平整齊排列 */
.leaf-container[b-bi2a1zie2i] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 10px 15px;
    background-color: #fafafa;
    border-radius: 4px;
    margin-top: 5px;
}

/* ========================================== */
/* 4. 表單驗證紅框與 Select2 鎖定樣式 */
/* ========================================== */

/* 必填驗證失敗：紅框與驚嘆號 */
.input-validation-error[b-bi2a1zie2i] {
    border-color: #dc3545 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

    .input-validation-error:focus[b-bi2a1zie2i] {
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
    }

/* Select2 停用狀態樣式 */
.select2-container--disabled .select2-selection[b-bi2a1zie2i] {
    background-color: #e9ecef !important;
    cursor: not-allowed !important;
    opacity: 1;
    border-color: #dee2e6 !important;
}

.select2-container--disabled .select2-selection__rendered[b-bi2a1zie2i] {
    color: #6c757d !important;
}

/* Checkbox 中繼狀態 (減號 -) 的樣式 */
.permission-cb:indeterminate[b-bi2a1zie2i] {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cline x1='5' y1='10' x2='15' y2='10' style='fill:none;stroke:%23fff;stroke-width:3' /%3e%3c/svg%3e");
}
/* /Areas/Technical/Pages/CertificateApply/Edit.cshtml.rz.scp.css */
.excel-table-wrapper[b-zmtfmaahs9] {
    max-height: 500px; /* 控制表格最大高度，出現垂直捲軸 */
    overflow: auto;
}

.excel-table[b-zmtfmaahs9] {
    border-collapse: separate; /* 必須設定 separate 才能用 sticky */
    border-spacing: 0;
    width: max-content; /* 讓表格依內容展開，出現水平捲軸 */
}

    /* 凍結表頭 (上下捲動時固定) */
    .excel-table thead th[b-zmtfmaahs9] {
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: #e9ecef;
        border-bottom: 2px solid #dee2e6;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
    }

/* 凍結左側前兩欄 (左右捲動時固定身分證與姓名) */
.freeze-col-1[b-zmtfmaahs9] {
    position: sticky;
    left: 0;
    z-index: 5;
    background-color: #fff;
    border-right: 1px solid #dee2e6;
}

.freeze-col-2[b-zmtfmaahs9] {
    position: sticky;
    left: 120px; /* 依據第一欄寬度調整 */
    z-index: 5;
    background-color: #fff;
    border-right: 2px solid #adb5bd; /* 加深邊界線讓使用者知道這是凍結線 */
}

/* 左上角交集處，層級最高 */
.excel-table thead th.freeze-col-1[b-zmtfmaahs9],
.excel-table thead th.freeze-col-2[b-zmtfmaahs9] {
    z-index: 15;
    background-color: #e9ecef;
}


/* 裁切區塊樣式大升級：強制撐開高度，讓小圖也能大範圍編輯 */
.img-container[b-zmtfmaahs9] {
    height: 60vh; /* 強制給予螢幕 60% 的高度 */
    min-height: 450px; /* 確保在小螢幕上至少也有 450px 的高度 */
    width: 100%;
    background-color: #e9ecef;
    /* 利用 Flexbox 讓載入的圖片在容器內完美置中 */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* 加上內陰影讓編輯區塊更有質感 */
    box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
}

    .img-container img[b-zmtfmaahs9] {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }
.photo-preview[b-zmtfmaahs9] {
    width: 50px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* 讓游標變成放大鏡，加上 hover 互動效果 */
.zoomable-photo[b-zmtfmaahs9] {
    cursor: zoom-in;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .zoomable-photo:hover[b-zmtfmaahs9] {
        transform: scale(1.1);
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
/* /Areas/Technical/Pages/CertificateApply/Import.cshtml.rz.scp.css */
/* 步驟指示器樣式 */
.step-indicator[b-h0hsw3ixip] {
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    background-color: #f8f9fa;
    color: #6c757d;
    font-weight: bold;
    border: 2px solid #dee2e6;
    transition: all 0.3s;
}

    .step-indicator.active[b-h0hsw3ixip] {
        background-color: #e0f2fe; /* 淡藍色 */
        color: #0369a1; /* 深藍色 */
        border-color: #38bdf8;
    }

.step-connector[b-h0hsw3ixip] {
    width: 50px;
    height: 2px;
    background-color: #dee2e6;
    margin: auto 10px;
}
/* /Areas/Technical/Pages/CertificateApply/Review.cshtml.rz.scp.css */

.step-nav .nav-link[b-8g0ambwvl4] {
    font-size: 1.1rem;
    padding: 1rem 1.5rem;
    color: #6c757d;
    border-radius: 0;
    border-bottom: 3px solid transparent;
}

    .step-nav .nav-link.active[b-8g0ambwvl4] {
        color: #0d6efd;
        font-weight: bold;
        border-bottom: 3px solid #0d6efd;
        background: transparent;
    }

.step-nav .nav-item[b-8g0ambwvl4] {
    flex-grow: 1;
    text-align: center;
}

/* 展開列的左側提示線 */
.table-row-expanded[b-8g0ambwvl4] {
    background-color: #f8f9fa;
    border-left: 4px solid #17a2b8;
}

/* ★ 新增：精美的詳細資料 Grid 排版 */
.info-grid[b-8g0ambwvl4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.2rem;
}

.info-label[b-8g0ambwvl4] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 0.2rem;
}

.info-value[b-8g0ambwvl4] {
    font-weight: 500;
    color: #212529;
}
/* /Areas/Technical/Pages/CertificateAudit/Review.cshtml.rz.scp.css */

.step-nav .nav-link[b-e0umyet351] {
    font-size: 1.1rem;
    padding: 1rem 1.5rem;
    color: #6c757d;
    border-radius: 0;
    border-bottom: 3px solid transparent;
}

    .step-nav .nav-link.active[b-e0umyet351] {
        color: #0d6efd;
        font-weight: bold;
        border-bottom: 3px solid #0d6efd;
        background: transparent;
    }

.step-nav .nav-item[b-e0umyet351] {
    flex-grow: 1;
    text-align: center;
}

/* 展開列的左側提示線 */
.table-row-expanded[b-e0umyet351] {
    background-color: #f8f9fa;
    border-left: 4px solid #17a2b8;
}

/* ★ 新增：精美的詳細資料 Grid 排版 */
.info-grid[b-e0umyet351] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.2rem;
}

.info-label[b-e0umyet351] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 0.2rem;
}

.info-value[b-e0umyet351] {
    font-weight: 500;
    color: #212529;
}
/* /Areas/Technical/Pages/Shared/_CertificateApplyDetailsPartial.cshtml.rz.scp.css */
.excel-table-wrapper[b-fo90wt1ux7] {
    max-height: 500px; /* 控制表格最大高度，出現垂直捲軸 */
    overflow: auto;
}

.excel-table[b-fo90wt1ux7] {
    border-collapse: separate; /* 必須設定 separate 才能用 sticky */
    border-spacing: 0;
    width: max-content; /* 讓表格依內容展開，出現水平捲軸 */
}

    /* 凍結表頭 (上下捲動時固定) */
    .excel-table thead th[b-fo90wt1ux7] {
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: #e9ecef;
        border-bottom: 2px solid #dee2e6;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
    }

/* 凍結左側前兩欄 (左右捲動時固定身分證與姓名) */
.freeze-col-1[b-fo90wt1ux7] {
    position: sticky;
    left: 0;
    z-index: 5;
    background-color: #fff;
    border-right: 1px solid #dee2e6;
}

.freeze-col-2[b-fo90wt1ux7] {
    position: sticky;
    left: 120px; /* 依據第一欄寬度調整 */
    z-index: 5;
    background-color: #fff;
    border-right: 2px solid #adb5bd; /* 加深邊界線讓使用者知道這是凍結線 */
}

/* 左上角交集處，層級最高 */
.excel-table thead th.freeze-col-1[b-fo90wt1ux7],
.excel-table thead th.freeze-col-2[b-fo90wt1ux7] {
    z-index: 15;
    background-color: #e9ecef;
}
/* /Pages/Login.cshtml.rz.scp.css */
/* 解決 CSS Isolation 抓不到 body 的問題，改用 wrapper */
.login-page-wrapper[b-gjghvi1i9h] {
    min-height: 100vh;
    width: 100%;
    /* 這裡請務必確認圖片路徑正確 */
    background: url('/assets/img/background.png') center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    padding: 20px;
}

.login-card-container[b-gjghvi1i9h] {
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

/* 如果是手機版，則置中 */
@media (max-width: 768px) {
    .login-card-container[b-gjghvi1i9h] {
        margin-left: auto;
        margin-right: auto;
    }
}

.login-card[b-gjghvi1i9h] {
    background: rgba(255, 255, 255, 0.85); /* 半透明白色 */
    backdrop-filter: blur(10px); /* 毛玻璃特效 */
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 16px;
    padding: 40px;
}

.btn-login[b-gjghvi1i9h] {
    background-color: #0d6efd;
    border-radius: 8px;
    transition: all 0.3s;
}

    .btn-login:hover[b-gjghvi1i9h] {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(13, 110, 253, 0.3);
    }

/* 修正輸入框樣式 */
.input-group-text[b-gjghvi1i9h] {
    border-color: #dee2e6;
}

.form-control:focus[b-gjghvi1i9h] {
    box-shadow: none;
    border-color: #0d6efd;
}