:root{--c:#d81b60;--c2:#ad1457;--ink:#2a2229;--mut:#9a8b93;--line:#f0e6ea;}
*{box-sizing:border-box}html{background:#faf4f7;text-align:center}
body{max-width:1200px;margin:0 auto;text-align:left;background:#fff;font:15px/1.7 "PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}
a{color:inherit;text-decoration:none}a:hover{color:var(--c)}ul,li{margin:0;padding:0;list-style:none}img{display:block}
.yubao-header{background:#fff;padding:18px 22px 0;text-align:center;border-bottom:1px solid var(--line)}
.yubao-inner{max-width:1140px;margin:0 auto}.yubao-slogan{margin:0;font-size:12px;letter-spacing:2px;color:var(--c)}
.yubao-logo{display:inline-block;margin:6px 0 12px;color:var(--ink);font-size:32px;font-weight:800}
.yubao-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0}.yubao-nav a{padding:12px 16px;font-size:14px;color:#5a4d54;border-bottom:2px solid transparent}.yubao-nav a:hover{color:var(--c);border-color:var(--c)}
.hb-main{max-width:1140px;margin:0 auto;padding:24px 22px}
.hb-hero{margin-bottom:20px}.hb-hero-list .hb-lead-a{display:block;position:relative;border-radius:14px;overflow:hidden;background:#000}
.hb-lead-img{width:100%;height:340px;object-fit:cover;opacity:.9}
.hb-lead-cap{position:absolute;left:0;right:0;bottom:0;padding:26px 22px 18px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff}
.hb-lead-cap strong{font-size:26px;display:block}.hb-lead-cap em{font-style:normal;color:#eee;font-size:14px}
.hb-tabs{display:flex;gap:10px;overflow-x:auto;padding:4px 0 18px}.hb-tabs a{flex:0 0 auto;background:#fff0f5;color:var(--c2);border-radius:18px;padding:7px 16px;font-size:13px;font-weight:600}.hb-tabs a:hover{background:var(--c);color:#fff}
.hb-masonry{column-count:4;column-gap:16px}
.hb-card{display:inline-block;width:100%;margin:0 0 16px;break-inside:avoid;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(216,27,96,.06)}
.hb-card-imgbox{display:block}.hb-thumb{width:100%;height:auto;background:#f3e9ee}
.hb-card-title{display:block;padding:11px 13px;font-size:14px;line-height:1.55}
.hb-topic{margin-top:26px;background:#fff0f5;border-radius:12px;padding:16px 18px}.hb-topic h3{margin:0 0 12px;color:var(--c2)}
.hb-topiclist{display:flex;flex-wrap:wrap;gap:8px}.hb-topiclist li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px 14px;font-size:13px}
.hb-listpage{padding:6px 0}.hb-listtitle{font-size:26px;margin:0 0 4px}.hb-listintro{color:var(--mut);margin-bottom:18px}
.hb-list{column-count:3;column-gap:18px}.hb-li{display:inline-block;width:100%;margin:0 0 18px;break-inside:avoid;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.hb-li-a{display:block}.hb-li-img{width:100%;height:auto;background:#f3e9ee}.hb-li-cap{display:block;padding:12px 14px}.hb-li-h{font-size:16px;display:block}.hb-li-sum{display:block;margin:6px 0;font-style:normal;color:var(--mut);font-size:13px}.hb-li-date{font-size:12px;color:#c9b3bd}
.hb-article{max-width:760px;margin:0 auto}.hb-arttitle{font-size:29px;line-height:1.45;margin:6px 0 12px}.hb-artmeta{font-size:13px;color:var(--mut);padding-bottom:16px;border-bottom:2px solid var(--line);margin-bottom:22px}.hb-artbody{font-size:16px;line-height:1.95}.hb-artbody p{margin:0 0 18px}.hb-artbody img{max-width:100%;height:auto;border-radius:8px}
.yubao-crumb{font-size:12px;color:var(--mut);margin-bottom:14px}.yubao-pagination{margin-top:24px;text-align:center}
.yubao-footer{margin-top:34px;padding:24px;text-align:center;font-size:12px;color:var(--mut);border-top:2px solid var(--c);background:#fff0f5}.yubao-footer a{color:#665}.yubao-topic-links{margin-bottom:8px}
@media(max-width:900px){.hb-masonry{column-count:2}.hb-list{column-count:2}.hb-lead-img{height:220px}}
@media(max-width:560px){.hb-masonry,.hb-list{column-count:1}}