:root{--navy:#123A5F;--navy2:#1B4A7A;--gold:#C9A24B;--gold2:#D8B968;--deep:#0B2A47;--line:#E4DCC8;--card:#fff}
.bread{background:#F6F2E8;border-bottom:1px solid #E4DCC8;font-size:13px;color:#7A8794;padding:10px 0}
.bread a{color:#7A8794;margin:0 2px}
.bread a:hover{color:var(--navy)}
.bread b{color:var(--navy)}
.phero{background:linear-gradient(135deg,var(--deep),var(--navy2) 70%,var(--navy));color:#F5EFE2;padding:52px 0 44px;position:relative;overflow:hidden}
.phero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(216,185,104,.22),transparent 70%)}
.phero .tagk{display:inline-block;border:1px solid rgba(216,185,104,.6);color:var(--gold2);font-size:13px;letter-spacing:2px;padding:4px 14px;border-radius:999px;margin-bottom:16px}
.phero h1{font-size:32px;line-height:1.35;margin:0 0 12px;letter-spacing:1px;font-family:"Noto Serif SC",serif}
.phero p{font-size:14.5px;color:#C8D4DE;max-width:820px;line-height:1.9;margin:0 0 22px}
.phero .metrics{display:flex;gap:34px;flex-wrap:wrap;position:relative;z-index:2}
.phero .metrics b{display:block;font-size:22px;color:var(--gold2);font-family:"Noto Serif SC",serif}
.phero .metrics span{font-size:12.5px;color:#C8D4DE;letter-spacing:1px}
.kb-wrap{padding:30px 0 10px}
.art-card{display:flex;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:18px;transition:transform .2s,box-shadow .2s}
.art-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(11,42,71,.1)}
.art-card .thumb{flex:0 0 190px;height:128px;border-radius:9px;overflow:hidden;background:#F1EDE2}
.art-card .thumb img{width:100%;height:100%;object-fit:cover}
.art-card .info{flex:1;min-width:0}
.art-card h3{font-size:18px;line-height:1.5;margin:0 0 8px}
.art-card h3 a{color:var(--navy)}
.art-card h3 a:hover{color:var(--gold)}
.art-card .sum{font-size:13.5px;color:#7A8794;line-height:1.85;margin:0 0 12px}
.art-card .meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:#9AA5B0}
.art-card .tag{display:inline-block;background:#F8F5EC;border:1px solid #E9E2D2;color:#8A6D3B;padding:2px 11px;border-radius:999px;font-size:12px}
.art-card .meta .read{margin-left:auto;color:var(--navy);font-weight:600}
.art-card.placeholder{border-style:dashed;background:#FBF8F1;align-items:center}
.art-card.placeholder .ph{flex:1}
.art-card.placeholder .ph h3{font-size:17px;color:#8A6D3B}
.art-card.placeholder .ph p{font-size:13.5px;color:#9AA5B0;margin:6px 0 0;line-height:1.8}
.art-card.placeholder .ph a{color:var(--navy);font-weight:600}
.col-l h2.sec{font-size:19px;color:var(--navy);padding-left:12px;border-left:4px solid var(--gold);margin:6px 0 16px}
.side ul li.cur{background:#F8F5EC}
.side ul li.cur a{color:var(--gold);font-weight:700}
.cta{background:linear-gradient(135deg,var(--navy),var(--deep));color:#F5EFE2;border-radius:12px;text-align:center;padding:30px 20px;margin:26px 0 34px}
.cta h3{font-size:22px;margin:0 0 8px;letter-spacing:1px;font-family:"Noto Serif SC",serif}
.cta p{font-size:13.5px;color:#C8D4DE;margin:0 0 16px}
.cta a{display:inline-block;background:var(--gold);color:var(--deep);font-weight:700;padding:11px 30px;border-radius:8px;font-size:15px}
@media(max-width:760px){.art-card{flex-direction:column}.art-card .thumb{flex:none;width:100%;height:150px}.phero h1{font-size:26px}.art-card .meta .read{margin-left:0}}

/* 分页页码 */
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:26px 0 8px;flex-wrap:wrap}
.page-num{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--navy);font-size:14px;text-decoration:none;transition:all .2s}
.page-num:hover{border-color:var(--gold);color:var(--gold)}
.page-num-current{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:700}
.page-num-current:hover{color:#fff}
.page-num i{font-style:normal;font-size:12px}