/* =========================================================
   旧站 Vant 2 图标 + 分页样式（保持旧版外观）
   ========================================================= */

@font-face {
    font-family: vant-icon;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("../fonts/vant-icon.woff2") format("woff2");
}

.van-icon {
    position: relative;
    display: inline-block;
    font: normal normal normal 14px/1 vant-icon;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.van-icon::before {
    display: inline-block;
}

.van-icon-arrow::before {
    content: "\F00A";
}

.van-icon-arrow-left::before {
    content: "\F008";
}

.van-icon-cross::before {
    content: "\F042";
}

/* ---------- Vant 2 Pagination simple ---------- */

.ui-mobile .van-pagination {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: #1989fa;
}

.ui-mobile .van-pagination__item,
.ui-mobile .van-pagination__page-desc {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-mobile .van-pagination__item {
    position: relative;
    flex: 1;
    box-sizing: border-box;
    min-width: 36px;
    height: 40px;
    color: #1989fa;
    background-color: #ffffff;
    cursor: pointer;
    user-select: none;
}

.ui-mobile .van-pagination__item:active {
    color: #ffffff;
    background-color: #1989fa;
}

.ui-mobile .van-pagination__item::after {
    border-width: 1px 0 1px 1px;
}

.ui-mobile .van-pagination__item:last-child::after {
    border-right-width: 1px;
}

.ui-mobile .van-pagination__item--disabled,
.ui-mobile .van-pagination__item--disabled:active {
    color: #646566;
    background-color: #f7f8fa;
    cursor: not-allowed;
    opacity: .5;
}

.ui-mobile .van-pagination__page-desc {
    flex: 1;
    height: 40px;
    color: #646566;
}

.ui-mobile .van-pagination--simple .van-pagination__next::after,
.ui-mobile .van-pagination--simple .van-pagination__prev::after {
    border-width: 1px;
}

.ui-mobile .van-hairline {
    position: relative;
}

.ui-mobile .van-hairline::after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    border: 0 solid #ebedf0;
    transform: scale(.5);
}