/*!
 laypage 高端风格 - daisyUI 主题适配
 使用 CSS 变量联动页面主题色，胶囊圆角，流畅过渡
 移动端保持单行不换行
*/
.laypage_main {
    font-size:0; clear:both; text-align:center; padding:0.5rem 0;
    /* flex 布局：禁止换行，溢出可滚，居中排列 */
    display:flex; flex-wrap:nowrap; justify-content:center; align-items:center;
    overflow-x:auto; -webkit-overflow-scrolling:touch;
    scrollbar-width:none; /* Firefox */
    --_lp-bg: var(--color-base-100, #fff);
    --_lp-border: hsl(var(--bc) / .12);
    --_lp-text: hsl(var(--bc) / .55);
    --_lp-active-bg: var(--color-primary, hsl(var(--p)));
    --_lp-active-text: var(--color-primary-content, hsl(var(--pc)));
    --_lp-hover-bg: var(--color-primary, hsl(var(--p)));
    --_lp-hover-text: var(--color-primary-content, hsl(var(--pc)));
}
.laypage_main::-webkit-scrollbar { display:none; }
.laypage_main * {
    display:inline-block; vertical-align:top; font-size:13px; font-family:inherit;
    flex-shrink:0; /* flex 子项不压缩 */
}
.laypage_main a {
    min-width:38px; height:38px; line-height:38px; text-decoration:none;
    color:var(--_lp-text); border-radius:9999px;
    transition:all .22s cubic-bezier(.4,0,.2,1);
    font-weight:500; text-align:center;
}
.laypage_main a, .laypage_main span {
    margin:0 3px; padding:0 12px;
}
.laypage_main span {
    height:38px; line-height:38px; color:hsl(var(--bc) / .3);
}
.laypage_main input {
    width:50px; height:38px; line-height:38px; margin:0 4px; padding:0 6px;
    text-align:center; border-radius:9999px;
    border:1px solid var(--_lp-border); background:transparent;
    color:hsl(var(--bc) / .7); font-size:13px;
}
.laypage_main button {
    height:40px; line-height:40px; margin-left:5px; padding:0 16px;
    border-radius:9999px; border:1px solid var(--_lp-border);
    background:transparent; color:hsl(var(--bc) / .7);
    cursor:pointer; transition:all .22s; font-weight:600;
}
.laypage_main button:hover {
    background:var(--_lp-hover-bg); border-color:var(--_lp-hover-bg);
    color:var(--_lp-hover-text);
}

/* ===== 默认皮肤 ===== */
.laypageskin_default a {
    border:1px solid var(--_lp-border);
    background:var(--_lp-bg);
}
.laypageskin_default a:hover {
    background:var(--_lp-hover-bg); border-color:var(--_lp-hover-bg);
    color:var(--_lp-hover-text); box-shadow:0 4px 12px hsl(var(--p) / .25);
    transform:translateY(-1px);
}
.laypageskin_default span {
    height:38px; line-height:38px; color:hsl(var(--bc) / .3);
}
.laypageskin_default .laypage_curr {
    font-weight:700; color:var(--_lp-active-text);
    background:var(--_lp-active-bg); border-radius:9999px;
    height:38px; line-height:38px; padding:0 16px;
    box-shadow:0 4px 14px hsl(var(--p) / .3);
}

/* ===== 信息流加载 ===== */
.laypageskin_flow { text-align:center; }
.laypageskin_flow .page_nomore { color:hsl(var(--bc) / .35); }

/* ===== 分页跳转区域 ===== */
.laypage_total {
    margin-left:10px; color:hsl(var(--bc) / .4); font-size:13px;
}
.laypage_total label { margin:0 3px; }
.laypage_skip {
    -moz-appearance:textfield;
}
.laypage_skip::-webkit-outer-spin-button,
.laypage_skip::-webkit-inner-spin-button {
    -webkit-appearance:none; margin:0;
}

/* ===== 手机端：缩小按钮 + 减小间距，确保单行不换行 ===== */
@media (max-width:639px) {
    .laypage_main {
        padding:0.25rem 0;
    }
    .laypage_main a {
        min-width:30px; height:30px; line-height:30px;
        font-size:12px;
    }
    .laypage_main a, .laypage_main span {
        margin:0 2px; padding:0 8px;
    }
    .laypage_main span {
        height:30px; line-height:30px;
    }
    .laypage_main input {
        width:38px; height:30px; line-height:30px;
        margin:0 3px; padding:0 4px; font-size:12px;
    }
    .laypage_main button {
        height:32px; line-height:32px; padding:0 12px; font-size:12px;
    }
    .laypageskin_default span {
        height:30px; line-height:30px;
    }
    .laypageskin_default .laypage_curr {
        height:30px; line-height:30px; padding:0 12px;
    }
}