/* =========================================================================
   VAN 子主题 · 存档页（/changelog，v1.38 由模板内联样式抽离令牌化）
   v1.39：筛选条独立成工具行（空结果也可改筛选）+ 列表行改日期块风格
   （与侧栏「最近更新」同源）；按钮改 van-pg-btn（父主题 .btn-primary 带
   !important 渐变，Bootstrap 类硬拼必输，见 probe_btn.js 实测）。
   作用域 .van-pg-arch（挂在 article 上），不污染全站同名类。
   Version: 1.44
   ========================================================================= */

/* ---------- 页头：左标题右筛选（v1.41，筛选条上移腾出内容区） ---------- */
.van-pg-hero .van-arch-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px 24px;
}
.van-pg-hero .van-arch-hero-txt { flex: 1 1 auto; min-width: 220px; }
/* v1.42：筛选条加装饰圈（药丸卡片，明暗跟随令牌） */
.van-pg-hero .van-arch-hero-filter {
    flex: 0 0 auto;
    padding: 8px 10px;
    background: var(--van-card);
    border: 1px solid var(--van-line);
    border-radius: 999px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
.van-pg-hero .van-arch-hero-filter form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.van-pg-hero .van-arch-hero-filter .filter-item {
    flex: 0 0 auto;
    min-width: 132px;
}
.van-pg-hero .van-arch-hero-filter .filter-item select,
.van-pg-hero .van-arch-hero-filter .filter-item .van-pg-btn {
    width: 100% !important;
}
@media (max-width: 767.98px) {
    .van-pg-hero .van-arch-hero-filter {
        flex: 1 1 100%;
        border-radius: 12px;
    }
    .van-pg-hero .van-arch-hero-filter .filter-item { flex: 1 1 auto; min-width: 0; }
}
/* 筛选下拉令牌化（body 前缀压 Bootstrap） */
body .van-pg-hero .van-arch-hero-filter .form-select {
    background-color: var(--van-card);
    border-color: var(--van-line);
    color: var(--van-title);
}
body .van-pg-hero .van-arch-hero-filter .form-select:focus {
    border-color: var(--van-accent);
    box-shadow: 0 0 0 .2rem var(--van-accent-weak);
}

/* ---------- 月份标题 ---------- */
.van-pg-arch .item {
    margin: 14px 0 0;   /* v1.44：上下间距对称，标题下间距由 ul margin 提供 */
}
.van-pg-arch .item h3 {
    margin: 0;
    padding: 0;
    border: none;
    color: var(--van-title);
    font-size: 1.25rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}
.van-pg-arch .item h3::before {
    content: "";
    flex: 0 0 auto;
    width: 4px;
    height: 1.05em;
    border-radius: 3px;
    background: var(--van-accent);
}

/* ---------- 存档列表（日期块 + 标题，两竖排：左 1-10 右 11-20） ---------- */
.van-pg-arch .archives-list {
    list-style: none;
    padding-left: 0;
    margin: 14px 0 0;   /* v1.44：标题下间距 = 标题上间距 */
    columns: 2;              /* multicol：先填满左列再右列，条数自适应 */
    column-gap: 28px;
}
.van-pg-arch .archives-list li {
    break-inside: avoid;     /* 单行禁止跨列截断 */
    padding: 5px 8px;        /* v1.43：行距收紧，首屏可见分页 */
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: background .2s;
}
@media (max-width: 767.98px) {
    .van-pg-arch .archives-list { columns: 1; }
}
.van-pg-arch .archives-list li:hover {
    background: var(--van-accent-weak);
}
/* 日期块：v1.43 改横排「10日」单行 */
.van-pg-arch .archives-list li .d {
    flex: 0 0 auto;
    min-width: 54px;
    padding: 4px 8px;
    border-radius: 8px;
    background: var(--van-soft);
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
    line-height: 1.4;
    text-align: center;
}
.van-pg-arch .archives-list li .d b {
    color: var(--van-title);
    font-size: 14.5px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.van-pg-arch .archives-list li .d i {
    font-style: normal;
    color: var(--van-muted);
    font-size: 11px;
}
.van-pg-arch .archives-list li a {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--van-strong);
    text-decoration: none;
    font-size: var(--van-fs-body);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.van-pg-arch .archives-list li a:hover { color: var(--van-accent-strong); }
.van-pg-arch .archives-list li .van-arch-cmt {
    flex: 0 0 auto;
    color: var(--van-muted);
    font-size: 0.9em;
    font-variant-numeric: tabular-nums;
}

/* ---------- 空状态 ---------- */
.van-pg-arch .van-arch-empty {
    margin: 14px 0;
    padding: 40px 16px;
    border: 1px dashed var(--van-line);
    border-radius: 12px;
    text-align: center;
    color: var(--van-muted);
    font-size: var(--van-fs-body);
}

/* ---------- 分页（v1.42：整体加装饰圈） ---------- */
.van-pg-arch .pagination-wrapper {
    margin-top: 18px;
    padding: 12px 16px;
    background: var(--van-card);
    border: 1px solid var(--van-line);
    border-radius: 12px;
}
/* body 前缀提一档：Bootstrap 后加载，同特异性会输（v1.16 教训） */
body .van-pg-arch .pagination .page-link {
    min-width: 3.5rem;
    padding: 0.5rem 0.8rem;
    text-align: center;
    font-size: 0.95rem;
    color: var(--van-strong);
    background-color: var(--van-card);
    border-color: var(--van-line);
}
body .van-pg-arch .pagination .page-link:hover {
    color: var(--van-accent-strong);
    background-color: var(--van-accent-weak);
    border-color: var(--van-accent);
}
body .van-pg-arch .pagination .page-item.active .page-link {
    background-color: var(--van-accent);
    border-color: var(--van-accent);
    color: var(--van-accent-ink);
    font-weight: 700;
}
/* 「…」省略标记：代表被折叠的页码区间（非链接，点不动是设计如此），
   v1.42 起去底色去边框，纯文字装饰，避免与当前页混淆 */
body .van-pg-arch .pagination .page-item.disabled .page-link,
body .van-pg-arch .pagination .page-link.dots {
    background: transparent !important;
    background-color: transparent !important;
    border: 0;
    color: var(--van-muted);
    cursor: default;
}

/* 跳转框：去 number 箭头 */
.van-pg-arch .pagination-jump input[type="number"] {
    -moz-appearance: textfield;
    background-color: var(--van-card);
    border-color: var(--van-line);
    color: var(--van-title);
}
.van-pg-arch .pagination-jump input::-webkit-outer-spin-button,
.van-pg-arch .pagination-jump input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}