/* ========== 古籍页样式 ========== */

/* 手机端：mob 轮播高度 100px，隐藏 web 轮播 */
body.mode-mobile .promo-slider-web { display: none !important; }
body.mode-mobile .promo-slider-mob { height: 67px; }
/* 桌面端：隐藏 mob 轮播 */
body.mode-web .promo-slider-mob { display: none !important; }

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

.nav-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    text-decoration: none;
}

/* ===== 页面主体 ===== */
.main-content {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
    width: 100%;
}

/* 内容区：左侧分类导航 + 右侧书籍网格 */
.content-section {
    display: flex;
    gap: 20px;
    width: 100%;
    animation: fadeInUp 0.6s ease 0.3s forwards;
    opacity: 0;
    flex-wrap: wrap;
}

.side-nav {
    min-width: 90px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.side-nav .nav-title {
    display: none;
}

.side-nav .nav-item {
    height: auto;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text-sec);
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 5px 10px;
    font-family: "MiSans", sans-serif;
    writing-mode: horizontal-tb;
    letter-spacing: normal;
    background: var(--color-panel);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    display: block;
}
.side-nav .nav-item:hover { border-color: var(--color-gold); }
.side-nav .nav-item.active { border-color: var(--color-gold); color: var(--color-gold); font-weight: 500; }

/* 书籍网格 */
.cards-grid {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-content: flex-start;
    min-width: 300px;
}

/* 书籍卡片 */
.book-card {
    display: flex;
    width: 90px;
    height: 130px;
    background: var(--color-panel);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    box-shadow: 1px 2px 6px rgba(0,0,0,0.08);
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    animation: fadeInUp 0.5s ease forwards;
    opacity: 0;
    text-decoration: none;
}

.book-card:hover {
    transform: translateY(-4px);
    box-shadow: 2px 6px 16px rgba(0,0,0,0.14);
    border-color: var(--color-gold);
}

.book-card-title {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 4px;
    border-right: 1px solid var(--color-border);
    gap: 3px;
}

.book-card-title .bk-main {
    writing-mode: vertical-rl;
    font-family: "ZhankuWenyi", sans-serif;
    font-size: 17px;
    color: var(--color-text);
    letter-spacing: 3px;
    line-height: 1.2;
}

.book-card-title .bk-sub {
    writing-mode: vertical-rl;
    font-size: 13px;
    color: var(--color-text-muted);
    letter-spacing: 1px;
    line-height: 1.2;
}

.book-card-author {
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 2px;
    background: var(--color-subtle);
}

.book-card-author span {
    writing-mode: vertical-rl;
    font-size: 10px;
    color: var(--color-text-muted);
    letter-spacing: 1px;
    line-height: 1.3;
}

/* 空状态 */
.empty-tip {
    color: var(--color-text-faint);
    font-size: 13px;
    padding: 40px;
    text-align: center;
    width: 100%;
}

/* Toast */
.toast {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 15px 30px;
    border-radius: 8px;
    z-index: 10001;
    display: none;
}

/* 备案号 */
.admin-link { cursor: pointer; text-decoration: none; }

/* 加载更多 */
.load-more-btn { width: 100%; display: flex; justify-content: center; align-items: center; padding: 16px; }
.load-more-btn button { padding: 8px 28px; border: 1px solid var(--color-gold); background: transparent; color: var(--color-accent); border-radius: 20px; cursor: pointer; font-size: 13px; }

/* 桌面端隐藏手机专用文字 */
.book-meta { display: none; }

/* ========== 移动端 ========== */
@media (max-width: 768px) {
    .content-section { flex-direction: row; flex-wrap: nowrap; gap: 10px; }
    .side-nav { min-width: 70px; }
    .side-nav .nav-title { display: none; }

    .cards-grid {
        min-width: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 5px;
    }

    .book-card {
        width: calc((100% - 5px) / 2);
        max-width: 140px;
        height: auto;
        aspect-ratio: 90 / 130;
        min-height: 0;
    }
    .book-card-title { min-height: 0; }
    .book-card-author { min-height: 0; }

    .book-card-title .bk-main { font-size: clamp(13px, 5vw, 17px); letter-spacing: 2px; }
    .book-card-title .bk-sub { font-size: clamp(10px, 3.5vw, 13px); }
    .book-card-author { width: clamp(16px, 6vw, 22px); }
    .book-card-author span { font-size: clamp(7px, 2.5vw, 10px); }

    .empty-tip { width: 100%; }
    .load-more-btn { width: 100%; }
}

@media (max-width: 480px) {
    .nav-item .en { display: none; }
}