@charset "utf-8";

/* ========== 列表页专属独立样式 (list.css) ========== */
/* 这里的样式带有 .list-page-scope 前缀，绝对不会影响到文章页 */

/* 列表卡片外层容器 */
.list-page-scope .zd-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 10px;
}

/* 独立药方卡片样式 */
.list-page-scope .zd-list-item {
    display: block;
    background: #fff;
    padding: 20px;
    border: 1px solid #e7eaec;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* 卡片悬浮特效：主色调边框与阴影 */
.list-page-scope .zd-list-item:hover {
    border-color: #c5653e;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    background: #fafbfc;
}

/* 药方标题：经典的百科蓝色 */
.list-page-scope .zd-list-title {
    margin: 0 0 10px 0;
    font-size: 19px;
    color: #1a56a8;
    font-weight: bold;
}

/* 药方简介：限制显示两行，超出显示省略号 */
.list-page-scope .zd-list-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.7;
    margin: 0 0 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 底部元数据区：浏览量与收录时间 */
.list-page-scope .zd-list-meta {
    font-size: 12px;
    color: #999;
    display: flex;
    gap: 25px;
    border-top: 1px dashed #eee;
    padding-top: 12px;
}

.list-page-scope .zd-list-meta i {
    margin-right: 5px;
    color: #c5653e; /* 图标主色调 */
}

/* 分页插件专属美化 */
.list-page-scope .pagebar {
    text-align: center;
    padding: 30px 0 10px;
    margin-top: 20px;
}

.list-page-scope .page-numbers {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 4px;
    border: 1px solid #ddd;
    background: #fff;
    color: #666;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s;
}

.list-page-scope .page-numbers:hover {
    border-color: #c5653e;
    color: #c5653e;
}

.list-page-scope .page-numbers.current {
    background: #c5653e;
    color: #fff;
    border-color: #c5653e;
    font-weight: bold;
}