.art-wrap{padding:26px 0 10px;}
.art-crumb{font-size:13px;color:#999;margin-bottom:14px;}
.art-crumb a{color:#8a99ab;} .art-crumb a:hover{color:var(--red);}
.art-h1{font-size:clamp(23px,3vw,31px);line-height:1.5;color:#222;margin:6px 0 12px;letter-spacing:.5px;}
.art-meta{font-size:13px;color:#9aa7b6;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:22px;}
.art-meta em{font-style:normal;color:var(--red);background:#fdeef0;padding:1px 8px;border-radius:10px;margin-left:6px;}
.art-body{font-size:16px;line-height:2;color:#333;}
.art-body p{margin:14px 0;}
.art-body h2{font-size:21px;color:#14304a;margin:30px 0 12px;padding-left:12px;border-left:4px solid var(--red);}
.art-body h3{font-size:17.5px;color:#1d3a55;margin:22px 0 10px;}
.art-body ul,.art-body ol{margin:14px 0 14px 22px;}
.art-body ul{list-style:none;} .art-body ul li{position:relative;padding-left:16px;margin:8px 0;}
.art-body ul li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--red);}
.art-body ol{list-style:decimal;} .art-body ol li{margin:8px 0;}
.art-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px;}
.art-body th{background:#f4f7fa;color:#14304a;text-align:left;padding:10px 12px;border:1px solid var(--line);}
.art-body td{padding:10px 12px;border:1px solid var(--line);color:#555;}
.art-body blockquote{border-left:4px solid #ffd0d9;background:#fdf7f8;padding:12px 16px;margin:16px 0;color:#6b5a5f;font-size:15px;}
.art-body b,.art-body strong{color:#14304a;}
.art-body a{color:var(--red);text-decoration:underline;}
.art-note{background:#fff8ec;border:1px solid #f5d9a8;border-radius:8px;padding:14px 18px;font-size:13.5px;color:#8a6a2f;line-height:1.9;margin:26px 0;}
.art-cta{background:linear-gradient(120deg,#146bbb,#1a7fd0);border-radius:10px;color:#fff;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:32px 0;}
.art-cta b{font-size:18px;} .art-cta span{font-size:13px;color:#cfe3f5;display:block;margin-top:4px;}
.art-cta a{background:var(--red);color:#fff;padding:11px 28px;border-radius:4px;font-size:15px;}
.art-rel{margin:30px 0 10px;}
.art-rel h3{font-size:17px;color:#14304a;margin-bottom:14px;padding-left:10px;border-left:4px solid var(--red);}
.art-rel ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;}
.art-rel li a{display:block;font-size:14px;color:#4a5d70;background:#f7f9fb;border:1px solid var(--line);border-radius:6px;padding:12px 14px;line-height:1.6;}
.art-rel li a:hover{color:var(--red);border-color:var(--red);background:#fff;}
/* 资讯列表 */
.cat-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 26px;}
.cat-tabs button{border:1px solid #dadada;background:#fff;color:#555;font-size:14px;padding:8px 18px;border-radius:20px;cursor:pointer;}
.cat-tabs button.on{background:var(--red);border-color:var(--red);color:#fff;}
.cat-tabs button i{font-style:normal;opacity:.7;font-size:12px;margin-left:4px;}
.art-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;}
.art-item{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px;transition:.2s;}
.art-item:hover{border-color:var(--red);box-shadow:0 8px 22px rgba(222,0,41,.08);transform:translateY(-2px);}
.art-item a{display:block;}
.art-item h4{font-size:15.5px;line-height:1.6;color:#1d2f42;font-weight:600;margin-bottom:8px;}
.art-item .m{font-size:12px;color:#9aa7b6;display:flex;gap:10px;align-items:center;}
.art-item .m em{font-style:normal;color:var(--red);background:#fdeef0;padding:1px 7px;border-radius:9px;}
.art-item p{font-size:12.5px;color:#8b98a8;line-height:1.75;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cat-sec{margin-bottom:12px;}
.cat-title{font-size:19px;color:#14304a;margin:34px 0 14px;padding-left:11px;border-left:4px solid var(--red);display:flex;align-items:center;gap:10px;}
.cat-title span{font-size:12.5px;color:#9aa7b6;font-weight:400;}

/* 文章封面（1200x630，随容器自适应） */
.art-cover{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:12px;margin:0 0 28px;background:#e8edf2;box-shadow:0 6px 22px rgba(15,42,67,.10);}
@media(max-width:560px){.art-cover{border-radius:8px;margin-bottom:18px;}}
.art-figure{margin:30px 0;padding:18px 18px 14px;background:#F8FAFC;border:1px solid #E4EBF2;border-radius:12px;text-align:center;}
.art-figure img{max-width:100%;height:auto;display:block;margin:0 auto;}
.art-figure figcaption{margin-top:12px;font-size:13.5px;color:#7A8B9C;line-height:1.6;}
@media(max-width:560px){.art-figure{padding:12px 10px 10px;margin:22px 0;}}