/* =========================================================
 * page_chapters — 章节选择
 * 竖向列表，每项：序号 + 标题 + 简介；锁定项弱化。
 * ========================================================= */

.chapter-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 12px 0;
    flex: 1;
    overflow-y: auto;
}
.chapter-item {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 14px 24px;
    cursor: pointer;
    font-family: var(--font-interface);
    color: var(--color-text);
    background-color: var(--color-paper);
    background-image: var(--paper-noise), linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.04) 100%);
    transition: color 0.12s ease, transform 0.12s ease;
}
.chapter-item:hover { color: var(--color-hover); transform: translateX(4px); }
.chapter-item__index {
    font-family: var(--font-title);
    color: var(--color-accent);
    font-size: var(--size-label);
    min-width: calc(var(--design-w) * 48 / 1920);
}
.chapter-item.is-locked { opacity: 0.4; pointer-events: none; }
.chapter-item__title { flex: 1; font-size: var(--size-interface); }
.chapter-item__desc { font-size: calc(var(--design-w) * 16 / 1920); opacity: 0.7; }