/* ================= 漫画阅读页：线控胶囊导航重构 ================= */
.comic-read-nav { 
    background: var(--card, #1e1e24); 
    border-radius: 30px; /* 改为精致扁平圆角胶囊 */
    padding: 6px 10px;   /* 极简内边距，消除臃肿感 */
    margin: 25px auto;   /* 上下保持合理的黄金呼吸间距，左右自适应 */
    max-width: 600px;    /* 限制最大宽度，使其在PC端精致聚拢，不横向傻大 */
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    box-shadow: 0 8px 24px rgba(0,0,0,0.3); /* 柔和深邃的外阴影 */
    border: 1px solid rgba(255,255,255,0.04);
}

/* 完美融入框架的原子按钮 */
.btn-read-nav { 
    height: 38px; 
    line-height: 38px;
    padding: 0 20px; 
    font-size: 14px; 
    font-weight: 500; 
    color: #bbb;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

/* 按钮悬浮高亮：继承你的通用高亮风格 */
.btn-read-nav:hover {
    color: #fff;
    background: rgba(255,255,255,0.06);
}

/* 核心章节目录：常驻视觉中央，突出主色调 */
.btn-read-nav.btn-primary {
    background: rgba(47,158,98,0.15); /* 使用主色调的透明度微光 */
    color: var(--main, #2f9e62);
    font-weight: 600;
}
.btn-read-nav.btn-primary:hover {
    background: var(--main, #2f9e62);
    color: #fff;
    box-shadow: 0 4px 12px rgba(47,158,98,0.3);
}

/* 禁用状态：优雅淡出 */
.btn-read-nav.disabled {
    color: #444 !important;
    background: transparent !important;
    cursor: not-allowed;
    pointer-events: none;
}
.btn-read-nav.disabled i { color: #444 !important; }
.comic-pic-item{
    text-align: center;
}
.comic-read-title{
       font-size: 20px;
    text-align: center;
    margin-top: 20px;
}
.comic-pic-item img{width: auto;
    vertical-align: top;}
/* ================= 移动端极简适配 ================= */
@media(max-width: 768px) {
    .comic-read-nav { 
        margin: 15px 10px; 
        padding: 4px 6px;
        border-radius: 24px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }
    .btn-read-nav { 
        height: 34px; 
        line-height: 34px;
        padding: 0 14px; 
        font-size: 13px; 
    }
    .comic-pic-item img{width:100%;display: block;}
}