.rednote-brand-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:23px;background:#f32945;color:#fff;border-radius:6px;font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:8px;font-weight:800;letter-spacing:-.5px;line-height:1;box-shadow:0 1px 3px #d5183020;transition:transform .2s,box-shadow .2s}
header .rednote-brand-mark{width:29px;height:22px;font-size:7.5px}
.rednote-social-link:hover .rednote-brand-mark{transform:translateY(-2px) rotate(-3deg);box-shadow:0 4px 9px #f329452b}
footer .rednote-social-link{min-height:32px;gap:10px}
#wechatOpen.active-reading-social{display:inline-flex;align-items:center;gap:9px;min-height:32px;padding:0;border:0;background:none;text-decoration:none;font-family:inherit;font-size:13px;line-height:1.5;color:#52677b}
.active-reading-mark{flex-shrink:0;width:27px;height:27px;border-radius:7px;background:#2924ae url('assets/active-reading-qr.jpg') center center/500% no-repeat;box-shadow:0 1px 4px #25209c20;transition:transform .25s,box-shadow .25s}
.active-reading-name{font-weight:500}
.wechat-service-mark{display:inline-flex;width:15px;height:15px;color:#5c9c74;margin-left:1px}
.wechat-service-mark svg{width:100%;height:100%}
.active-reading-platform{font-size:10px;color:#8b9999;white-space:nowrap;margin-left:-5px}
.active-reading-social:hover .active-reading-mark{transform:translateY(-2px) rotate(4deg);box-shadow:0 4px 10px #25209c25}
.active-reading-social:hover .active-reading-name{color:#343180}
@media(prefers-reduced-motion:reduce){.rednote-brand-mark,.active-reading-mark{transition:none}.rednote-social-link:hover .rednote-brand-mark,.active-reading-social:hover .active-reading-mark{transform:none}}
/* Keep social marks in the same quiet 16px icon rhythm as mail and GitHub. */
.rednote-brand-mark,header .rednote-brand-mark{width:21px;height:16px;border-radius:4px;font-size:6px;font-weight:700;letter-spacing:-.5px;box-shadow:none;background:#db5665}
.rednote-social-link:hover .rednote-brand-mark{transform:none;box-shadow:none;background:#e33d53}
footer .rednote-social-link{min-height:26px;gap:8px}
#wechatOpen.active-reading-social{min-height:26px;font-size:12px;gap:8px;color:inherit}
.active-reading-mark{width:18px;height:18px;border-radius:4px;box-shadow:none;opacity:.83}
.active-reading-social:hover .active-reading-mark{transform:none;box-shadow:none;opacity:1}
.wechat-service-mark{width:12px;height:12px;color:#7c9d88;margin-left:0}
.active-reading-platform{font-size:9px;color:#929b99;margin-left:-5px}
.footer-reading-cta .active-reading-mark{width:20px;height:20px;border-radius:5px}
/* RedNote stays quiet alongside the monochrome social icons. */
.rednote-brand-mark,header .rednote-brand-mark{width:19px;height:18px;padding:0;background:none;border:0;border-radius:0;color:inherit;box-shadow:none;font-size:0;letter-spacing:0;opacity:.85}
.rednote-brand-mark::before{content:"小红书";display:block;font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:6px;font-weight:700;line-height:1;letter-spacing:-.7px;white-space:nowrap;transform:rotate(-8deg)}
.rednote-social-link:hover .rednote-brand-mark{background:none;box-shadow:none;color:#b8606c;transform:none;opacity:1}
.rednote-brand-mark,header .rednote-brand-mark{width:16px;height:16px;opacity:1}
.rednote-brand-mark::before{content:none}
.rednote-brand-mark svg{display:block;width:16px;height:16px}