/* 全域設定 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft JhengHei", "標楷體", sans-serif;
}

body {
    background-color: transparent;
    color: #000;
    line-height: 1.6;
    /* padding: 10px; */
    width: 100%;
}

html {
    /* 移除 scroll-behavior: smooth; 改用 JavaScript 控制的直接跳轉 */
}

html,body {
    overflow-x: hidden;
}

/* 溫和高亮效果相關樣式 */
.target-highlight {
    transition: background-color 0.5s ease-out !important;
}

/* 尊重用戶動畫偏好 */
@media (prefers-reduced-motion: reduce) {
    .target-highlight {
        transition: none !important;
    }
}

/* 焦點指示樣式 */
[tabindex="-1"]:focus {
    outline: 2px solid #007bff !important;
    outline-offset: 2px !important;
}

#side-directory-panel {
    scrollbar-width: thin;
    overflow-y: auto;
    height: 100%;
}

/* 目錄高亮樣式 */
a.toc-item.current-page .toc-content {
    background-color: #F1E6E0 !important;
    border-left: 4px solid #E07A5F !important;
    padding-left: 10px !important;
    border-radius: 4px !important;
}

.fixed-vertical-label {
    opacity: 0;
    /* 保持您已有的設定 */
    transition: opacity 0.4s ease;
    /* 新增過渡效果 */
    color: #fff;
    /* 新增文字顏色 */
    /* ... 您可能有的其他樣式 ... */
}