/* /Views/FA/FA100.cshtml.rz.scp.css */
/* /Views/FB/FB100.cshtml.rz.scp.css */
/* FB100 - 典藏查詢頁面樣式 */

/* 搜尋列樣式 */
.search-bar input[b-y039c74g64]::placeholder {
    color: #6b7280;
}

/* 搜尋按鈕圖示 */
.search-btn[b-y039c74g64] {
    background-image: url('/images/digital-library/icons/search_icon.svg');
}

/* 篩選搜尋圖示 */
.filter-search-icon[b-y039c74g64] {
    background-image: url('/images/digital-library/icons/search_icon.svg');
}

/* 重設按鈕圖示 */
.reset_btn[b-y039c74g64] {
    background-image: url('/images/digital-library/icons/refresh_icon.svg');
}

/* 關閉按鈕圖示 */
.close-btn-icon[b-y039c74g64] {
    background-image: url('/images/digital-library/icons/close_btn.svg');
}

/* 篩選條件展開/收合圖示 */
.add[b-y039c74g64] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('/images/digital-library/icons/add_icon_black.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.minus[b-y039c74g64] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('/images/digital-library/icons/minus_icon_black.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

/* 自訂 Checkbox 樣式 */
.custom-checkbox[b-y039c74g64] {
    position: relative;
    display: inline-block;
    cursor: pointer;
    user-select: none;
}

.custom-checkbox input[b-y039c74g64] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom-checkbox .checkmark[b-y039c74g64] {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 2px solid #3b5998;
    border-radius: 3px;
    transition: all 0.2s ease;
}

.custom-checkbox input:checked~.checkmark[b-y039c74g64] {
    background-color: #3b5998;
    border-color: #3b5998;
}

.custom-checkbox .checkmark[b-y039c74g64]:after {
    content: '';
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-checkbox input:checked~.checkmark[b-y039c74g64]:after {
    display: block;
}

/* 搜尋箭頭樣式 */
.search-arrow-left[b-y039c74g64],
.search-arrow-right[b-y039c74g64] {
    width: 32px;
    height: 32px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
    flex-shrink: 0;
}

.search-arrow-left:hover[b-y039c74g64],
.search-arrow-right:hover[b-y039c74g64] {
    opacity: 1;
}

.search-arrow-left[b-y039c74g64] {
    background-image: url('/images/digital-library/icons/chevron_left.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.search-arrow-right[b-y039c74g64] {
    background-image: url('/images/digital-library/icons/chevron_right.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* 篩選子列表動畫 */
.search-filter-sublist[b-y039c74g64] {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* 卡片懸停效果 */
.recommended-card:hover[b-y039c74g64],
.recommended-browser-card:hover[b-y039c74g64] {
    transform: translateY(-4px);
    transition: transform 0.2s ease;
}

/* 彈窗樣式 */
.pop-up-mask[b-y039c74g64] {
    backdrop-filter: blur(2px);
}

.recommended-card-popup .pop-up-container[b-y039c74g64] {
    transition: height 0.3s ease-in-out;
}

/* 分頁頁碼樣式 */
.page-number[b-y039c74g64] {
    padding: 4px 8px;
    min-width: 32px;
    text-align: center;
    transition: all 0.2s ease;
}

.page-number:hover[b-y039c74g64] {
    color: #1e3a5f;
    font-weight: bold;
}

.page-number.active[b-y039c74g64],
.page-number.text-black.font-bold.underline[b-y039c74g64] {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

/* 進階搜尋連結 */
.advance-search[b-y039c74g64] {
    white-space: nowrap;
    font-size: 14px;
}

/* 申請清單浮動按鈕 */
.apply-button[b-y039c74g64] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.apply-button:hover[b-y039c74g64] {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

/* Swiper 縮圖樣式 */
.mySwiper-thumbs-popup .swiper-slide[b-y039c74g64] {
    opacity: 0.6;
    transition: opacity 0.2s;
}

.mySwiper-thumbs-popup .swiper-slide-thumb-active[b-y039c74g64] {
    opacity: 1;
    border: 2px solid #3b5998;
    border-radius: 4px;
}

/* 響應式調整 */
@media (max-width: 768px) {
    .collection-left-menu[b-y039c74g64] {
        margin-bottom: 24px;
    }

    .search-arrow-left[b-y039c74g64],
    .search-arrow-right[b-y039c74g64] {
        display: none;
    }

    .recommended-content[b-y039c74g64] {
        flex-direction: column-reverse !important;
    }
}

/* 隱藏類別 */
.hidden[b-y039c74g64] {
    display: none !important;
}

/* 結果無資料顯示 */
#resultCountNone:not(.hidden)[b-y039c74g64] {
    display: block;
    color: #6b7280;
    font-style: italic;
}

.recommended-section[b-y039c74g64] {
    padding-bottom: 36px;
}
/* /Views/FB/FB400.cshtml.rz.scp.css */
/* FB400 - 時間軸查詢頁面樣式 */

/* 隱藏滾動條 */
.scrollbar-hide[b-8f3uy3zddm]::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide[b-8f3uy3zddm] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 拖曳游標 */
.cursor-grabbing[b-8f3uy3zddm] {
    cursor: grabbing;
}

/* 數字等寬 */
.tabular-nums[b-8f3uy3zddm] {
    font-feature-settings: "tnum";
}

/* 時間軸按鈕樣式 */
.timeline-wrapper button[b-8f3uy3zddm] {
    color: #204B73;
    border: 1px solid #204B73;
    background-color: #fff;
}

.timeline-wrapper button:hover[b-8f3uy3zddm] {
    background-color: #204B73;
    color: #fff;
}

/* 時間軸卡片樣式 */
.timeline-cards[b-8f3uy3zddm] {
    max-width: 318px;
    height: 328px;
    aspect-ratio: 3/4;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    filter: blur(4px);
    transform: scale(0.6);
    pointer-events: none;
    transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

@media (max-width: 900px) {
    .timeline-cards[b-8f3uy3zddm] {
        transform: scale(0.4);
        display: flex;
        justify-content: center;
    }
}

.timeline-cards.page-visible[b-8f3uy3zddm] {
    opacity: 1;
    pointer-events: auto;
}

.timeline-cards.active[b-8f3uy3zddm] {
    filter: blur(0);
    transform: scale(1);
    z-index: 9;
}

@media (max-width: 900px) {
    .timeline-cards.active[b-8f3uy3zddm] {
        filter: blur(0);
        transform: scale(0.8);
        z-index: 9;
    }
}

/* 分頁控制 */
#timeline-pagination-controls[b-8f3uy3zddm] {
    padding: 25px;
    display: flex;
    justify-content: left;
    gap: 10px;
    min-height: 32px;
    max-width: 600px;
    width: 50%;
    margin: 1rem auto;
}

@media (max-width: 768px) {
    #timeline-pagination-controls[b-8f3uy3zddm] {
        padding: 25px;
        display: flex;
        justify-content: left;
        gap: 20px;
        min-height: 32px;
        max-width: 600px;
        width: 80%;
        margin: 1rem auto;
    }
}

/* 分頁點 */
.timeline-dot[b-8f3uy3zddm] {
    min-width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #666;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.timeline-dot:hover[b-8f3uy3zddm] {
    background-color: #888;
}

.timeline-dot.active[b-8f3uy3zddm] {
    background-color: #568EC7;
    transform: scale(1.5);
}

/* L型邊框裝飾 */
.l-shape-box-pseudo[b-8f3uy3zddm] {
    position: relative;
    height: 100%;
    --corner-color: #007AFF;
    --corner-length: 20px;
    --corner-thickness: 3px;
}

.l-shape-box-pseudo .content[b-8f3uy3zddm] {
    position: relative;
    height: 100%;
}

/* 統一設定四個偽元素的基礎樣式 */
.l-shape-box-pseudo .content[b-8f3uy3zddm]::after,
.l-shape-box-pseudo .content[b-8f3uy3zddm]::before,
.l-shape-box-pseudo[b-8f3uy3zddm]::after,
.l-shape-box-pseudo[b-8f3uy3zddm]::before {
    content: "";
    position: absolute;
    width: var(--corner-length);
    height: var(--corner-length);
    border-color: var(--corner-color);
    border-style: solid;
}

/* 分別用 border 來畫出 L 型 */
/* 左上角 */
.l-shape-box-pseudo[b-8f3uy3zddm]::before {
    top: 0;
    left: 0;
    border-width: var(--corner-thickness) 0 0 var(--corner-thickness);
}

/* 右上角 */
.l-shape-box-pseudo[b-8f3uy3zddm]::after {
    top: 0;
    right: 0;
    border-width: var(--corner-thickness) var(--corner-thickness) 0 0;
}

/* 左下角 */
.l-shape-box-pseudo .content[b-8f3uy3zddm]::before {
    bottom: 0;
    left: 0;
    border-width: 0 0 var(--corner-thickness) var(--corner-thickness);
}

/* 右下角 */
.l-shape-box-pseudo .content[b-8f3uy3zddm]::after {
    bottom: 0;
    right: 0;
    border-width: 0 var(--corner-thickness) var(--corner-thickness) 0;
}

/* 時間軸年代區域 */
.timeline-era-left[b-8f3uy3zddm],
.timeline-era-right[b-8f3uy3zddm] {
    background-repeat: repeat-y;
}

/* 手機版時間軸卡片容器 */
@media (max-width: 767px) {
    #timeline-card-container[b-8f3uy3zddm] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
        position: static;
        height: 800px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .timeline-cards[b-8f3uy3zddm],
    .timeline-cards.active[b-8f3uy3zddm] {
        position: static !important;
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        pointer-events: auto !important;
        z-index: auto !important;
    }

    #timeline-pagination-controls[b-8f3uy3zddm] {
        display: none;
    }
}

/* 時間軸選單樣式 */
.timeline-menu>li>a[b-8f3uy3zddm] {
    padding: 8px 16px;
    border-radius: 9999px;
    transition: all 0.2s ease;
}

.timeline-menu>li>a:hover[b-8f3uy3zddm] {
    background-color: rgba(32, 75, 115, 0.1);
}

.timeline-menu>li>a.active[b-8f3uy3zddm] {
    background-color: #204B73;
    color: #fff;
}

/* 月份柱狀圖容器 */
.monthly-charts[b-8f3uy3zddm] {
    margin-top: 16px;
    padding: 0 16px;
}

#monthly-bars-container[b-8f3uy3zddm] {
    min-height: 80px;
}

/* 卡片標題截斷 */
.item-title.truncate[b-8f3uy3zddm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 卡片圖片預設樣式 */
.item-image[b-8f3uy3zddm] {
    background-color: #f3f4f6;
    background-position: center;
    background-size: cover;
}

/* 年份數量顯示 */
#current-year-data[b-8f3uy3zddm] {
    font-size: 1.125rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* 無資料提示 */
#timeline-card-container>p.text-gray-500[b-8f3uy3zddm] {
    font-size: 1rem;
    padding: 2rem;
}

/* 時間軸導航按鈕 */
.timeline-nav-buttons[b-8f3uy3zddm] {
    position: relative;
    z-index: 20;
}

.timeline-nav-btn[b-8f3uy3zddm] {
    cursor: pointer;
    transition: all 0.3s ease;
}

.timeline-nav-btn:hover[b-8f3uy3zddm] {
    transform: scale(1.1);
}

.timeline-nav-btn:active[b-8f3uy3zddm] {
    transform: scale(0.95);
}

#cardIndexDisplay[b-8f3uy3zddm] {
    user-select: none;
}
/* /Views/FE/FE100.cshtml.rz.scp.css */
/* FE100 向大師請法 - Scoped Styles */

/* 頁面整體布局 - 讓 footer 固定在底部 */
.master-request-main[b-cgvpu8v04f] {
    min-height: calc(100vh - 90px);
    display: flex;
    flex-direction: column;
    padding-bottom: 80px; /* footer 高度 */
    margin-left: 150px;
}



.master-request-wrapper[b-cgvpu8v04f] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* 左側選單樣式 */
.left-fixed-menu[b-cgvpu8v04f] {
    background: #ffffff;
    border-right: 1px solid #e5e7eb;
}

/* 聊天室列表樣式 */
.chat-room-list[b-cgvpu8v04f] {
    max-height: calc(100vh - 250px);
}

.chat-room-list[b-cgvpu8v04f]::-webkit-scrollbar {
    width: 4px;
}

.chat-room-list[b-cgvpu8v04f]::-webkit-scrollbar-track {
    background: transparent;
}

.chat-room-list[b-cgvpu8v04f]::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 2px;
}

.chat-room-item[b-cgvpu8v04f] {
    font-size: 13px;
}

.chat-room-item .delete-chat-btn[b-cgvpu8v04f] {
    font-size: 18px;
    line-height: 1;
    padding: 0 4px;
}

/* Tab 樣式 */
.tabs .tab[b-cgvpu8v04f] {
    position: relative;
    font-weight: 500;
    transition: color 0.2s ease;
}

.tabs .tab:hover[b-cgvpu8v04f] {
    color: #A52A2A;
}

.tabs .tab.active[b-cgvpu8v04f] {
    color: #A52A2A;
    font-weight: 700;
}

.tabs .tab.active[b-cgvpu8v04f]::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #A52A2A;
}

/* 搜尋框樣式 - 固定在底部，位於 footer 之上 */
#master-request-search-bar[b-cgvpu8v04f] {
    position: fixed;
    bottom: 100px; /* footer(80px) + 間距(20px) */
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 240px); /* 扣除左側選單 200px + 左右 padding */
    max-width: 800px;
    background: white;
    border-radius: 50px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    z-index: 30;
    margin-left: 100px; /* 左側選單寬度的一半，配合 transform 置中 */
}

@media (max-width: 1024px) {
    #master-request-search-bar[b-cgvpu8v04f] {
        width: calc(100% - 40px);
        margin-left: 0;
        bottom: 100px;
    }
}

#master-request-search-bar input[b-cgvpu8v04f] {
    background: transparent;
}

#master-request-search-bar input[b-cgvpu8v04f]::placeholder {
    color: #9CA3AF;
}

/* 快速選擇按鈕 */
.master-faster-select[b-cgvpu8v04f] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #F3F4F6;
    border-radius: 20px;
    font-size: 14px;
    color: #374151;
    white-space: nowrap;
    transition: background-color 0.2s ease;
}

.master-faster-select:hover[b-cgvpu8v04f] {
    background: #E5E7EB;
}

/* Loading 動畫已移至全局 CSS (vmhydh.css) 供 JS 動態元素使用 */

/* 訊息氣泡樣式 */
.message-user .whitespace-pre-wrap[b-cgvpu8v04f],
.message-assistant .whitespace-pre-wrap[b-cgvpu8v04f] {
    line-height: 1.6;
}

/* 來源連結樣式 */
.note-link[b-cgvpu8v04f] {
    font-size: 0.75rem;
    vertical-align: super;
}

/* 彈窗背景 */
.pop-up-mask[b-cgvpu8v04f] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 100px;
}

/* 滾動條樣式 */
.master-responsive-wrapper[b-cgvpu8v04f]::-webkit-scrollbar {
    width: 6px;
}

.master-responsive-wrapper[b-cgvpu8v04f]::-webkit-scrollbar-track {
    background: transparent;
}

.master-responsive-wrapper[b-cgvpu8v04f]::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 3px;
}

.master-responsive-wrapper[b-cgvpu8v04f]::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}

/* 左側選單 hover 效果 */
.left-fixed-menu a:hover img[b-cgvpu8v04f] {
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

/* 響應式調整 */
@media (max-width: 640px) {
    .master-faster-select span:not(.title)[b-cgvpu8v04f] {
        display: none;
    }
    
    #master-request-search-bar[b-cgvpu8v04f] {
        flex-wrap: wrap;
        border-radius: 20px;
        padding: 12px;
    }
}

/* 響應式調整 - 主要內容區域左邊距 */
/* 大畫面（> 1280px）：使用預設的 margin-left: 150px */
/* 中等畫面（768px - 1280px）：維持 margin-left: 150px，避免被左側選單擋到 */
@media (min-width: 768px) and (max-width: 1024px) {
    .master-request-main[b-cgvpu8v04f] {
        margin-left: 150px;
    }
}

/* 小畫面（< 1024px）：移除左邊距，左側選單已隱藏 */
@media (max-width: 1024px ) {
    .master-request-main[b-cgvpu8v04f] {
        margin-left: 0px;
    }
}
/*.tabs-fixed {
    position: fixed;
    top: 0;
    z-index: 50;
    width: 100%;
}

*/
/* /Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-b1x0csgfcl] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-b1x0csgfcl] {
  color: #0077cc;
}

.btn-primary[b-b1x0csgfcl] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-b1x0csgfcl], .nav-pills .show > .nav-link[b-b1x0csgfcl] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-b1x0csgfcl] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-b1x0csgfcl] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-b1x0csgfcl] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-b1x0csgfcl] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-b1x0csgfcl] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}

/* 語系切換樣式 */
.lang-switcher span.active[b-b1x0csgfcl] {
  font-weight: bold;
  color: inherit;
  cursor: default;
}

.lang-switcher a[b-b1x0csgfcl] {
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.lang-switcher a:hover[b-b1x0csgfcl] {
  opacity: 1;
}