.sn-art{min-width:0}
.sn-header{display:flex;align-items:center;justify-content:space-between;padding:0 7px 12px;gap:20px;color:#8f8174;font-size:12px}
.sn-header>small{font-size:10px;color:#a99b8c}
.sn-network{position:relative;isolation:isolate;width:100%;aspect-ratio:720/530;background:radial-gradient(ellipse at 48% 47%,#fff7ef 0%,#fffdfa 42%,#fff 72%)}
.sn-network .sn-links{position:absolute;inset:0;display:block;width:100%;height:100%;fill:none;overflow:visible}
.sn-platform-link{stroke:#cdb6a1;stroke-width:1;opacity:.64}
.sn-user-link{stroke:#ddd1c5;stroke-width:.8;opacity:.67}
.sn-links .sn-packet{fill:#bd512c;stroke:none;opacity:.75}
.sn-platform,.sn-user{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%)}
.sn-platform{z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px}
.sn-platform>span{width:61px;height:61px;display:grid;place-items:center;background:#fff;border:1px solid #eee5dc;border-radius:50%;box-shadow:0 4px 13px #4b301009}
.sn-platform svg{display:block;width:32px;height:32px;max-height:none}
.sn-platform>small{font-size:11px;color:#8e7e70;background:#ffffffd9;padding:0 5px;line-height:1.5;white-space:nowrap}
.sn-platform.dv-xhs>span{width:66px;height:66px}
.sn-platform.dv-xhs b{background:#fe294e;color:#fff;font-family:Arial,'Microsoft YaHei',sans-serif;font-size:12px;letter-spacing:-.08em;border-radius:10px;line-height:1;padding:13px 4px}
.sn-user{z-index:2;width:var(--size);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #fff,0 4px 12px #5a3f2710}
.sn-user img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(.78)}
.sn-art>figcaption{margin-top:19px;font-size:10px;line-height:1.8;color:#a19687;padding:0 7px}
@media(min-width:761px) and (max-width:1100px){.sn-platform>span{width:48px;height:48px}.sn-platform.dv-xhs>span{width:51px;height:51px}.sn-platform svg{width:26px;height:26px}.sn-platform.dv-xhs b{font-size:10px;padding:11px 3px}.sn-user{width:calc(var(--size)*.8)}.sn-platform>small{font-size:9px;gap:5px}}
@media(max-width:760px){.sn-header{font-size:11px;padding-inline:0}.sn-header>small{font-size:9px}.sn-network{aspect-ratio:720/530;margin-top:12px}.sn-platform{gap:6px}.sn-platform>span{width:43px;height:43px}.sn-platform.dv-xhs>span{width:46px;height:46px}.sn-platform svg{width:24px;height:24px}.sn-platform.dv-xhs b{font-size:9px;padding:10px 3px;border-radius:8px}.sn-platform>small{font-size:9px}.sn-user{width:calc(var(--size)*.67);box-shadow:0 0 0 3px #fff,0 2px 8px #5a3f2710}.sn-art>figcaption{font-size:9px;padding-inline:0;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.sn-packet{display:none}}
/* Short voices emerge beside people, with at most two visible together. */
.sn-has-voc{z-index:4}.sn-voc{position:absolute;top:50%;left:calc(100% + 11px);width:max-content;max-width:145px;padding:9px 12px;background:#fffffff5;border:1px solid #e9e0d3;border-radius:7px;box-shadow:0 5px 18px #5b432413;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(calc(-50% + 5px));animation:sn-voc-appear 18s ease-in-out infinite;animation-delay:var(--voc-delay);text-align:left;color:#666c58;font-size:12px;line-height:1.65;white-space:normal}.sn-voc>small{display:block;font-size:8px;letter-spacing:.03em;color:#ac8c70;margin-bottom:2px}.sn-voc:before{content:'';position:absolute;width:6px;height:6px;background:#fff;border-left:1px solid #e9e0d3;border-bottom:1px solid #e9e0d3;left:-4px;top:calc(50% - 3px);transform:rotate(45deg)}.sn-voc-left>.sn-voc{left:auto;right:calc(100% + 11px)}.sn-voc-left>.sn-voc:before{left:auto;right:-4px;transform:rotate(225deg)}
@keyframes sn-voc-appear{0%,1%{opacity:0;visibility:hidden;transform:translateY(calc(-50% + 5px))}5%,20%{opacity:1;visibility:visible;transform:translateY(-50%)}26%,100%{opacity:0;visibility:hidden;transform:translateY(calc(-50% - 4px))}}
@media(min-width:761px) and (max-width:1100px){.sn-voc{font-size:10px;max-width:122px;padding:7px 9px;left:calc(100% + 8px)}.sn-voc-left>.sn-voc{right:calc(100% + 8px)}.sn-voc>small{font-size:7px}}
@media(max-width:760px){.sn-voc{font-size:10px;max-width:112px;padding:6px 8px;left:calc(100% + 7px);line-height:1.6}.sn-voc-left>.sn-voc{right:calc(100% + 7px)}.sn-voc>small{font-size:6px;margin-bottom:1px}.sn-has-voc{z-index:4}}
@media(prefers-reduced-motion:reduce){.sn-voc{animation:none;opacity:0;visibility:hidden}.sn-has-voc:first-of-type>.sn-voc{opacity:1;visibility:visible;transform:translateY(-50%)}}
.sn-insight{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:103px;height:103px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:50%;background:#fffdf8;border:1px solid #cf9875;box-shadow:0 0 0 8px #faf2e8a6,0 8px 25px #7d582316;z-index:5}.sn-insight>b{font-size:16px;line-height:1.2;font-weight:500;letter-spacing:-.045em;color:#8f4c2b}.sn-insight>small{font-size:8px;color:#a3947a;line-height:1.3}.sn-insight-mark{display:flex;align-items:center;gap:3px;height:19px}.sn-insight-mark i{display:block;height:13px;width:4px;background:#bc6941}.sn-insight-mark i:nth-child(2){height:19px}.sn-insight-mark i:nth-child(3){height:10px}.sn-insight-mark i:nth-child(4){height:16px}
@media(min-width:761px) and (max-width:1100px){.sn-insight{width:82px;height:82px;gap:5px}.sn-insight>b{font-size:14px}.sn-insight>small{font-size:7px}}
@media(max-width:760px){.sn-insight{width:68px;height:68px;gap:4px;box-shadow:0 0 0 4px #faf2e8a6,0 4px 12px #7d582310}.sn-insight>b{font-size:12px}.sn-insight>small{font-size:6px}.sn-insight-mark{height:14px;gap:2px}.sn-insight-mark i{width:3px;height:10px}.sn-insight-mark i:nth-child(2){height:14px}.sn-insight-mark i:nth-child(3){height:7px}.sn-insight-mark i:nth-child(4){height:12px}}