body{
    background:#f5f7fb;
    color:#1d1d1f;
}

/* 顶部头图 */
.biji-hero{
    background:linear-gradient(135deg,#0f3b82,#173d74);
    color:#fff;
    padding:42px 0 50px;
}

.biji-badge{
    display:inline-block;
    margin-bottom:16px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    font-size:13px;
    font-weight:700;
}

.biji-hero h1{
    margin:0 0 12px;
    font-size:clamp(32px,4vw,52px);
    line-height:1.15;
    letter-spacing:-.03em;
}

.biji-hero p{
    margin:0;
    max-width:820px;
    color:rgba(255,255,255,.86);
    line-height:1.8;
}

/* 页面主体 */
.biji-page{
    padding:28px 0 64px;
}

/* 分类标签 */
.biji-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:24px;
}

.biji-tab{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid #e7ebf2;
    background:#fff;
    font-weight:700;
    color:#1d1d1f;
    text-decoration:none;
    transition:.2s ease;
    white-space:nowrap;
}

.biji-tab:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(15,59,130,.08);
}

.biji-tab--active{
    background:#0f3b82;
    color:#fff;
    border-color:#0f3b82;
}

/* 标题区 */
.biji-section-head{
    margin-bottom:16px;
}

.biji-section-head h2{
    margin:0 0 8px;
    font-size:30px;
    line-height:1.2;
    letter-spacing:-.02em;
    color:#1d1d1f;
}

.biji-section-head p{
    margin:0;
    color:#6e6e73;
    max-width:760px;
    line-height:1.8;
}

.biji-section-head--list{
    margin-top:8px;
}

/* 置顶文章 */
.biji-featured{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-bottom:26px;
}

.biji-card{
    background:#fff;
    border-radius:24px;
    box-shadow:0 16px 48px rgba(15,59,130,.08);
    padding:24px;
}

.biji-card--featured{
    background:linear-gradient(135deg,#fff,#f4f8ff);
}

.biji-pill{
    display:inline-block;
    margin-bottom:12px;
    padding:6px 10px;
    border-radius:999px;
    background:#eaf1ff;
    color:#0f3b82;
    font-size:12px;
    font-weight:700;
}

.biji-meta{
    color:#6e6e73;
    font-size:13px;
    margin-bottom:10px;
    line-height:1.7;
}

.meta-likes{
    margin-left:10px;
    color:#ff7675;
    font-size:.95em;
}

.biji-card h3{
    margin:0 0 10px;
    line-height:1.35;
    font-size:22px;
    color:#1d1d1f;
}

.biji-card p{
    margin:0 0 16px;
    color:#52555b;
    line-height:1.8;
}

/* 文章列表 */
.biji-title-list{
    display:grid;
    gap:14px;
}

.biji-title-item{
    background:#fff;
    border-radius:22px;
    box-shadow:0 16px 48px rgba(15,59,130,.08);
    padding:22px 24px;
}

.biji-title-item__meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    color:#6e6e73;
    font-size:13px;
    margin-bottom:10px;
    line-height:1.7;
}

.biji-title-item h3{
    margin:0 0 10px;
    font-size:24px;
    line-height:1.35;
    letter-spacing:-.01em;
}

.biji-title-item h3 a{
    color:#1d1d1f;
    text-decoration:none;
}

.biji-title-item h3 a:hover{
    color:#0f3b82;
}

.biji-title-item p{
    margin:0;
    color:#52555b;
    line-height:1.8;
}

.biji-title-item__actions{
    margin-top:16px;
}

.biji-empty{
    background:#fff;
    border-radius:22px;
    box-shadow:0 16px 48px rgba(15,59,130,.08);
    padding:28px;
    color:#6e6e73;
    text-align:center;
}

/* 按钮 */
.biji-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:11px 16px;
    border-radius:12px;
    font-weight:700;
    border:1px solid transparent;
    text-decoration:none;
    transition:.2s ease;
}

.biji-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(15,59,130,.08);
}

.biji-btn--primary{
    background:#0f3b82;
    color:#fff;
}

.biji-btn--light{
    background:#fff;
    color:#1d1d1f;
    border-color:#e7ebf2;
}

/* 分页 */
.biji-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:24px;
}

.biji-page-btn,
.biji-page-num{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    padding:10px 14px;
    border-radius:12px;
    background:#fff;
    border:1px solid #e7ebf2;
    color:#1d1d1f;
    font-weight:700;
    text-decoration:none;
    transition:.2s ease;
}

.biji-page-btn:hover,
.biji-page-num:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(15,59,130,.08);
}

.biji-page-num.is-active{
    background:#0f3b82;
    color:#fff;
    border-color:#0f3b82;
}

.biji-page-btn.is-disabled{
    opacity:.45;
    pointer-events:none;
}

.biji-page-ellipsis{
    padding:0 4px;
    color:#6e6e73;
}

/* 平板 */
@media (max-width:980px){
    .biji-featured{
        grid-template-columns:1fr;
    }

    .biji-title-item h3{
        font-size:22px;
    }
}

/* 手机端 */
@media (max-width:760px){
    .biji-hero{
        padding:34px 0 40px;
    }

    .biji-badge{
        margin-bottom:12px;
        padding:7px 11px;
        font-size:12px;
    }

    .biji-hero h1{
        font-size:clamp(28px,8vw,38px);
        line-height:1.18;
        margin-bottom:10px;
    }

    .biji-hero p{
        font-size:15px;
        line-height:1.78;
    }

    .biji-page{
        padding:22px 0 52px;
    }

    /* 手机端 tab 改成横向可滑 */
    .biji-tabs{
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        gap:8px;
        margin-bottom:20px;
        padding-bottom:4px;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .biji-tabs::-webkit-scrollbar{
        display:none;
    }

    .biji-tab{
        flex:0 0 auto;
        padding:9px 13px;
        font-size:14px;
    }

    .biji-section-head{
        margin-bottom:14px;
    }

    .biji-section-head h2{
        font-size:24px;
        line-height:1.25;
        margin-bottom:6px;
    }

    .biji-section-head p{
        font-size:14px;
        line-height:1.75;
    }

    .biji-card,
    .biji-title-item,
    .biji-empty{
        padding:18px 16px;
        border-radius:18px;
    }

    .biji-featured{
        gap:14px;
        margin-bottom:22px;
    }

    .biji-card h3{
        font-size:20px;
        line-height:1.4;
        margin-bottom:8px;
    }

    .biji-card p{
        font-size:14px;
        line-height:1.75;
        margin-bottom:14px;
    }

    .biji-meta{
        font-size:12px;
        line-height:1.7;
        margin-bottom:8px;
    }

    .meta-likes{
        margin-left:0;
    }

    .biji-title-list{
        gap:12px;
    }

    .biji-title-item__meta{
        gap:8px 10px;
        font-size:12px;
        margin-bottom:8px;
    }

    .biji-title-item h3{
        font-size:19px;
        line-height:1.45;
        margin-bottom:8px;
    }

    .biji-title-item p{
        font-size:14px;
        line-height:1.75;
    }

    .biji-title-item__actions{
        margin-top:14px;
    }

    .biji-btn{
        min-height:42px;
        padding:10px 14px;
        font-size:14px;
    }

    .biji-pagination{
        gap:6px;
        margin-top:22px;
    }

    .biji-page-btn,
    .biji-page-num{
        min-width:40px;
        min-height:40px;
        padding:8px 12px;
        font-size:14px;
        border-radius:10px;
    }
}

/* 小屏手机 */
@media (max-width:420px){
    .biji-hero{
        padding:30px 0 36px;
    }

    .biji-hero h1{
        font-size:26px;
    }

    .biji-hero p{
        font-size:14px;
    }

    .biji-section-head h2{
        font-size:22px;
    }

    .biji-card h3{
        font-size:18px;
    }

    .biji-title-item h3{
        font-size:18px;
    }
}