/* V10 confirmed page updates: article filtering + concise official contact */
.article-filter-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 24px;padding:14px;border:1px solid #eee9f7;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(52,30,91,.06)}
.article-filter-nav button{appearance:none;border:0;cursor:pointer;padding:10px 18px;border-radius:999px;background:#f4f0fa;color:#5c536b;font-size:14px;font-weight:800;transition:.2s ease}
.article-filter-nav button:hover{background:#ebe2f8;color:#6d2bd0}
.article-filter-nav button.on{color:#fff;background:linear-gradient(105deg,#6d35db,#b438dd 58%,#ef4c9f);box-shadow:0 8px 20px rgba(133,48,204,.24)}
.art-card[hidden]{display:none!important}
.article-empty{display:none;grid-column:1/-1;padding:48px 20px;text-align:center;border:1px dashed #d9cee9;border-radius:18px;background:#fff;color:#766b83;font-weight:700}
.article-empty.show{display:block}
.article-count{margin-left:auto;color:#80758c;font-size:14px;white-space:nowrap}

.contact-v10{max-width:1040px;margin:0 auto}
.contact-channels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}
.official-channel{position:relative;overflow:hidden;min-height:220px;padding:28px;border-radius:24px;background:#fff;border:1px solid #eee8f6;box-shadow:0 16px 38px rgba(55,31,96,.09)}
.official-channel:before{content:"";position:absolute;right:-58px;top:-68px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(164,76,232,.20),rgba(164,76,232,0) 70%)}
.channel-top{display:flex;align-items:center;gap:15px;margin-bottom:22px}
.channel-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#fff;box-shadow:0 10px 24px rgba(70,39,128,.20)}
.channel-icon svg{width:30px;height:30px}
.channel-icon.tg{background:linear-gradient(145deg,#2aa7e8,#1878d1)}
.channel-icon.wx{background:linear-gradient(145deg,#2ecf66,#0aa646)}
.channel-top h2{margin:0 0 4px;font-size:20px;color:#282238}
.channel-top p{margin:0;color:#887f92;font-size:14px}
.channel-value{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:16px;background:#f7f3fb;border:1px solid #ebe3f4}
.channel-value strong{font-size:23px;color:#5d24b5;letter-spacing:.3px}
.channel-value span{font-size:13px;color:#81758d;text-align:right;line-height:1.55}
.channel-note{margin:17px 0 0;color:#696071;line-height:1.8;font-size:14px}
.safety-panel{position:relative;overflow:hidden;padding:28px;border-radius:24px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(255,71,177,.26),transparent 24%),linear-gradient(120deg,#110936,#2a125f 56%,#5b136d);box-shadow:0 18px 40px rgba(50,21,100,.22)}
.safety-panel:after{content:"安全";position:absolute;right:24px;bottom:-22px;font-size:94px;font-weight:900;color:rgba(255,255,255,.045);letter-spacing:10px}
.safety-head{position:relative;z-index:1;margin-bottom:18px}
.safety-head h2{margin:0 0 7px;font-size:24px;color:#fff}
.safety-head p{margin:0;color:#d9ceec}
.safety-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.safety-item{display:flex;align-items:center;gap:11px;min-height:58px;padding:13px 15px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:700}
.safety-item b{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:linear-gradient(135deg,#8f4bff,#ff4ca7);font-size:14px}
.safety-final{position:relative;z-index:1;margin:17px 0 0;padding-top:17px;border-top:1px solid rgba(255,255,255,.14);font-size:16px;font-weight:900;text-align:center;color:#fff}
@media(max-width:760px){.article-count{width:100%;margin:2px 0 0;padding-left:5px}.contact-channels{grid-template-columns:1fr}.official-channel{min-height:auto;padding:22px}.channel-value{align-items:flex-start;flex-direction:column}.channel-value span{text-align:left}.safety-panel{padding:22px}.safety-grid{grid-template-columns:1fr}}



/* ========== 分页样式美化 ========== */
.pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 24px 0 40px;
}

.pager li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pager li a,
.pager li.active span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 14px;
    color: #842fff;
    background: transparent;
    border: 1px solid #842fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

.pager li a u {
    display: none;
}

.page li a:hover {
    color: #0a0a0a;
    background: #842fff;
    border-color: #842fff;
}

.pager li.active span {
    color: #fff;
    background:#842fff;
    border-color: #842fff;
    font-weight: 600;
    cursor: default;
}

/* "下一页" "尾页" 文字按钮间距 */
.pager li:last-child a,
.pager li:nth-last-child(2) a {
    min-width: auto;
    padding: 0 16px;
    font-size: 13px;
    letter-spacing: 1px;
}