:root{--c:#00897b;--c2:#00695c;--ink:#22303a;--mut:#8aa0a8;--line:#e6eeec;}
*{box-sizing:border-box}html{background:#eef4f3;text-align:center}
body{max-width:1180px;margin:0 auto;text-align:left;background:#fff;font:15px/1.7 "Microsoft YaHei",sans-serif;color:var(--ink)}
a{color:inherit;text-decoration:none}a:hover{color:var(--c)}ul,ol,li{margin:0;padding:0;list-style:none}img{display:block}
.yubao-header{background:#fff;padding:16px 24px 0;border-bottom:3px solid var(--c)}
.yubao-inner{max-width:1120px;margin:0 auto;display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}
.yubao-slogan{order:3;margin:0;font-size:12px;color:var(--mut)}
.yubao-logo{color:var(--c2);font-size:26px;font-weight:800;letter-spacing:1px}
.yubao-nav{width:100%;display:flex;flex-wrap:wrap;gap:2px;margin-top:12px;border-top:1px solid var(--line)}
.yubao-nav a{padding:11px 15px;font-size:14px;color:#4a5b62}.yubao-nav a:hover{color:#fff;background:var(--c)}
.zn-main{max-width:1120px;margin:0 auto;padding:26px 24px}
.zn-wrap{display:grid;grid-template-columns:1fr 300px;gap:30px}
.zn-kicker{display:inline-block;font-size:12px;letter-spacing:3px;color:var(--c);border-left:4px solid var(--c);padding-left:9px;margin-bottom:12px}
.zn-lead-a{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:center;margin-bottom:8px}
.zn-lead-img{width:300px;height:190px;object-fit:cover;border-radius:8px;background:#eee}
.zn-lead-cap strong{font-size:22px;line-height:1.45;display:block}.zn-lead-cap em{display:block;margin-top:8px;font-style:normal;color:var(--mut)}
.zn-sec{margin:24px 0}.zn-h2{font-size:19px;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid var(--line)}
.zn-numlist{counter-reset:zn}.zn-numlist li{counter-increment:zn;display:flex;gap:12px;padding:11px 0;border-bottom:1px dotted var(--line);font-size:15px}
.zn-numlist li::before{content:counter(zn);flex:0 0 24px;height:24px;line-height:24px;text-align:center;background:var(--c);color:#fff;border-radius:5px;font-size:13px;font-weight:700}
.zn-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.zn-card-imgbox{display:block;overflow:hidden;border-radius:8px}.zn-thumb{width:100%;height:118px;object-fit:cover;background:#eee;transition:.3s}.zn-card-a:hover .zn-thumb{transform:scale(1.06)}
.zn-card-title{display:block;margin-top:8px;font-size:14px;line-height:1.5}
.zn-rail .zn-box{background:#f5faf9;border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:18px}
.zn-boxh{margin:0 0 12px;font-size:16px;color:var(--c2);border-left:4px solid var(--c);padding-left:8px}
.zn-ranklist li{padding:10px 0;border-bottom:1px dotted var(--line);font-size:14px}
.zn-topiclist li{padding:8px 0;border-bottom:1px dotted var(--line)}.zn-topiclist li:last-child{border:none}
.zn-listpage{padding:6px 0}.zn-listtitle{font-size:24px;margin:0 0 4px}.zn-listintro{color:var(--mut);margin-bottom:18px}
.zn-li{border-bottom:1px solid var(--line);padding:16px 0}.zn-li-a{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:center}
.zn-li-img{width:200px;height:128px;object-fit:cover;border-radius:8px;background:#eee}.zn-li-h{font-size:18px;display:block}.zn-li-sum{display:block;margin:7px 0;font-style:normal;color:var(--mut);font-size:14px}.zn-li-date{font-size:12px;color:#b3c3c0}
.zn-article{max-width:760px;margin:0 auto}.zn-arttitle{font-size:28px;line-height:1.5;margin:6px 0 12px}.zn-artmeta{font-size:13px;color:var(--mut);padding-bottom:16px;border-bottom:2px solid var(--line);margin-bottom:22px}.zn-artbody{font-size:16px;line-height:1.95}.zn-artbody p{margin:0 0 18px}.zn-artbody img{max-width:100%;height:auto;border-radius:6px}
.yubao-crumb{font-size:12px;color:var(--mut);margin-bottom:14px}.yubao-pagination{margin-top:24px;text-align:center}
.yubao-footer{margin-top:36px;padding:24px;text-align:center;font-size:12px;color:var(--mut);border-top:3px solid var(--c);background:#f5faf9}.yubao-footer a{color:#556}.yubao-topic-links{margin-bottom:8px}
@media(max-width:860px){.zn-wrap{grid-template-columns:1fr}.zn-cards{grid-template-columns:repeat(2,1fr)}.zn-lead-a,.zn-li-a{grid-template-columns:1fr}.zn-lead-img,.zn-li-img{width:100%;height:190px}}