/* 皇家圖書館主體美學 */
body {
    background-color: #fcf9f2; /* 溫潤的明亮象牙白 */
    color: #2c251e; /* 沉穩的墨水深棕 */
    font-family: 'Noto Serif TC', 'Noto Serif', serif;
}
.royal-heading {
    font-family: 'Cinzel', serif;
}
/* 羊皮紙微幅陰影與古典邊框 */
.parchment-card {
    background-color: #fffdf9;
    border: 1px solid #e6dcbc;
    box-shadow: 0 4px 20px rgba(44, 37, 30, 0.05);
    position: relative;
}
/* 古典裝飾雙線條 */
.double-border {
    border: 4px double #c5a059;
}

/* 🏛️ 廣告預留外框（黃銅邊框、固定高度防 CLS 抖動） */
.medieval-ad-container {
    width: 100%;
    height: 250px; /* 固定高度，完全對應標準展示廣告 */
    background-color: #fbf8f2;
    border: 1px solid #dcd1b4;
    outline: 3px double #c5a059; /* 黃銅古典滾邊效果 */
    outline-offset: -6px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ad-placeholder-text {
    position: absolute;
    text-align: center;
    pointer-events: none;
    z-index: 0;
}

/* 📜 Cookie 隱私令狀彈窗樣式 - 修正點擊層級 */
.cookie-banner-overlay {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(44, 37, 30, 0.4); /* 溫和的古典深棕半透明遮罩 */
    backdrop-filter: blur(4px); /* 輕微毛玻璃提升優雅感 */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50; /* 確保遮罩在最上層 */
}

/* 修正：卡片本身與內部的按鈕要確保能被點擊（提高 z-index） */
.cookie-banner-card {
    background-color: #fffdf9;
    position: relative;
    z-index: 51; /* 必須高於遮罩的 50，滑鼠才點得到按鈕！ */
    border-radius: 8px;
}

/* 👑 新增：為彈窗按鈕補上明亮典雅型中古美裝，並確保可用性 */
#cookieDeclineBtn {
    padding: 8px 20px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #c5a059;
    color: #8c764d;
    background-color: #fffdf9;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}
#cookieDeclineBtn:hover {
    background-color: #fcf9f2;
    color: #2c251e;
}

#cookieAcceptBtn {
    padding: 8px 32px;
    font-size: 12px;
    font-weight: bold;
    background-color: #1a2e40;
    color: #fffdf9;
    border: 1px solid #1a2e40;
    border-radius: 4px;
    cursor: pointer;
    letter-spacing: 0.05em;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.2s ease;
}
#cookieAcceptBtn:hover {
    background-color: #243f57;
    border-color: #243f57;
    transform: translateY(-1px);
}