.csg-wx-official-shell{--green:#07c160;--ink:#171717;--body:#3f484d;--muted:#a7a7a7;--link:#576b95;--line:#ededed;position:relative;z-index:999999;width:min(100%,640px);min-height:100dvh;margin:0 auto;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px));overflow-x:hidden;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;touch-action:auto}
.csg-wx-official-shell *{box-sizing:border-box}.csg-wx-official-shell a{text-decoration:none}.csg-wx-article{padding:24px 22px 32px}.csg-wx-article>h1{margin:0 0 14px;font-size:23px;line-height:1.38;letter-spacing:-.3px;overflow-wrap:anywhere}.csg-wx-byline{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;color:var(--muted);font-size:13px;line-height:1.5}.csg-wx-byline>span{padding:1px 6px;border-radius:2px;background:#f5f5f5}.csg-wx-byline a{display:inline-flex;align-items:center;gap:2px;color:var(--link)}.csg-wx-byline a img{width:15px;height:15px}.csg-wx-byline time,.csg-wx-byline em{font-style:normal;white-space:nowrap}.csg-wx-facts{display:flex;margin-top:9px;color:#92979a;font-size:13px}.csg-wx-preview{margin-top:28px}.csg-wx-image{position:relative;margin-bottom:24px}.csg-wx-image>img{display:block;width:100%;height:auto;border-radius:14px;background:#eef0ef;object-fit:contain}.csg-wx-counter{position:absolute;z-index:2;top:12px;right:12px;padding:6px 10px;border-radius:16px;background:rgba(17,17,17,.67);color:#fff;font-size:12px}.csg-wx-dots{position:absolute;z-index:2;right:0;bottom:12px;left:0;display:flex;align-items:center;justify-content:center;gap:5px;pointer-events:none}.csg-wx-dots i{display:block;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.62);box-shadow:0 1px 3px rgba(0,0,0,.22)}.csg-wx-dots i.is-active{width:13px;border-radius:4px;background:#fff}.csg-wx-preview>p{margin:0 0 20px;color:var(--body);font-size:16px;line-height:1.9;letter-spacing:.1px;text-align:justify}.csg-wx-tags{display:flex;gap:6px;margin-top:22px;overflow:hidden;white-space:nowrap}.csg-wx-tags span{flex:none;padding:5px 8px;border-radius:4px;background:#f3f6f8;color:var(--link);font-size:12px}.csg-wx-social{display:flex;align-items:center;gap:12px;margin-top:23px;color:#8f958f;font-size:13px;line-height:1.55}.csg-wx-social>div{display:flex;flex:none;padding-left:9px}.csg-wx-social img{width:32px;height:32px;margin-left:-9px;border:2px solid #fff;border-radius:50%;background:#eee;object-fit:cover}.csg-wx-social p{margin:0;color:#65756b}.csg-wx-gate{margin-top:24px;padding:27px 20px 22px;border-top:1px solid var(--line);text-align:center}.csg-wx-gate>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:#effbf4}.csg-wx-gate h2{margin:0;font-size:19px}.csg-wx-gate p{margin:8px 0 18px;color:#999;font-size:13px}.csg-wx-gate>a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:6px;background:var(--green);color:#fff;font-size:16px;font-weight:650}.csg-wx-gate small{display:block;margin-top:12px;color:#b0b0b0}.csg-wx-bottom{position:fixed;z-index:1000000;right:0;bottom:0;left:0;display:flex;align-items:center;gap:5px;width:min(100%,640px);margin:auto;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:rgba(255,255,255,.97)}.csg-wx-bottom>a{display:flex;align-items:center;justify-content:center;min-width:32px;height:46px;flex-direction:column;color:#222}.csg-wx-bottom>a>span:last-child,.csg-wx-bottom>a>span:not(.csg-wx-author-copy){font-size:10px}.csg-wx-bottom .csg-wx-author{min-width:0;flex:1;justify-content:flex-start;flex-direction:row;overflow:hidden}.csg-wx-author-avatar{width:32px;height:32px;flex:none;border-radius:50%;object-fit:cover}.csg-wx-author-copy{display:flex;min-width:0;margin-left:6px;flex-direction:column;align-items:flex-start;line-height:1.2}.csg-wx-author-copy strong{display:flex;max-width:100%;align-items:center;gap:2px;overflow:hidden;color:inherit;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.csg-wx-author-copy strong img{width:14px;height:14px;flex:none}.csg-wx-author-copy small{margin-top:3px;color:#8d9390;font-size:9px;white-space:nowrap}.csg-wx-bottom .csg-wx-follow{min-width:56px;height:34px;padding:0 9px;border-radius:5px;background:var(--green);color:#fff;font-size:13px;font-weight:650;white-space:nowrap}.csg-wx-action img{display:block;width:21px;height:21px;object-fit:contain}.csg-wx-action span{margin-top:2px;font-size:10px}.csg-wx-official-shell a:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:370px){.csg-wx-article{padding:20px 17px 28px}.csg-wx-article>h1{font-size:21px}.csg-wx-preview>p{font-size:15px}.csg-wx-social{align-items:flex-start;flex-direction:column}.csg-wx-bottom{gap:2px;padding-right:6px;padding-left:6px}.csg-wx-bottom .csg-wx-follow{min-width:50px;padding:0 6px}.csg-wx-bottom>a{min-width:29px}.csg-wx-action img{width:20px;height:20px}.csg-wx-author-copy small{font-size:8px}}
@media(min-width:641px){.csg-wx-official-shell{margin-top:24px;margin-bottom:24px;border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.1)}.csg-wx-bottom{bottom:24px;border-radius:0 0 18px 18px}}
@media(prefers-color-scheme:dark){.csg-wx-official-shell,.csg-wx-gate,.csg-wx-bottom{background:#191919;color:#e8e8e8}.csg-wx-article>h1{color:#f4f4f4}.csg-wx-preview>p{color:#c8ccca}.csg-wx-byline,.csg-wx-facts,.csg-wx-social,.csg-wx-gate p{color:#8e8e8e}.csg-wx-byline>span,.csg-wx-tags span{background:#252525}.csg-wx-bottom,.csg-wx-gate{border-color:#2b2b2b}.csg-wx-bottom>a{color:#e8e8e8}.csg-wx-social img{border-color:#191919}.csg-wx-action img{filter:invert(1) brightness(1.35)}}

/* 1.18.3: compact metadata, secure gate, author footer and touch-state refinements. */
.csg-wx-official-shell *{-webkit-tap-highlight-color:transparent}
.csg-wx-official-shell a,.csg-wx-official-shell a:visited,.csg-wx-official-shell a:active{text-decoration:none;color:inherit}
.csg-wx-byline a,.csg-wx-byline a:visited,.csg-wx-byline a:active{color:var(--link)}
.csg-wx-gate>a,.csg-wx-gate>a:visited,.csg-wx-gate>a:active,.csg-wx-bottom .csg-wx-follow,.csg-wx-bottom .csg-wx-follow:visited,.csg-wx-bottom .csg-wx-follow:active{color:#fff}
.csg-wx-listeners{display:inline-flex;align-items:center;gap:4px}
.csg-wx-listeners img{width:15px;height:15px;opacity:.82}
.csg-wx-gate>span{background:var(--green)}
.csg-wx-gate>span img{width:24px;height:24px;filter:brightness(0) invert(1)}
.csg-wx-gate{position:relative;margin-top:58px;padding-top:8px;border-top:0}
.csg-wx-gate:before{position:absolute;right:0;bottom:100%;left:0;height:78px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 78%);content:"";pointer-events:none}
.csg-wx-gate>span{position:relative;margin-bottom:10px}
.csg-wx-gate h2{color:var(--green);font-size:17px;font-weight:500}
.csg-wx-gate .csg-wx-social{display:flex;align-items:center;justify-content:center;margin:24px auto 16px;padding-left:9px;flex-direction:row}
.csg-wx-gate .csg-wx-social img{width:34px;height:34px;margin-left:-9px;border:2px solid #fff;border-radius:50%;background:#eee;object-fit:cover}
.csg-wx-gate .csg-wx-reader-count{margin:0 0 20px;color:#8f958f;font-size:14px;line-height:1.7}
.csg-wx-gate .csg-wx-reader-count strong{color:var(--green);font-size:16px}
.csg-wx-gate small{display:flex;align-items:center;justify-content:center;gap:5px}
.csg-wx-gate small img{width:14px;height:14px;opacity:.72}
.csg-wx-author-avatar{width:38px;height:38px}
.csg-wx-author-copy{margin-left:8px;line-height:1.18}
.csg-wx-author-copy strong{gap:3px;font-size:14px}
.csg-wx-author-copy strong img{width:15px;height:15px}
.csg-wx-author-copy small{margin-top:4px;font-size:10px}
.csg-wx-bottom .csg-wx-follow{height:30px}
@media(prefers-color-scheme:dark){.csg-wx-gate:before{background:linear-gradient(to bottom,rgba(25,25,25,0),#191919 78%)}.csg-wx-gate .csg-wx-social img{border-color:#191919}}

/* 1.18.4: longer safe preview, compact gate, faster media paint and stable touch states. */
.csg-wx-listeners{color:#2f80c9;pointer-events:none;user-select:none}
.csg-wx-listeners img{filter:invert(45%) sepia(74%) saturate(801%) hue-rotate(166deg) brightness(91%) contrast(87%)}
.csg-wx-preview{margin-top:24px}
.csg-wx-tags{margin:0 0 14px}
.csg-wx-excerpt-fade{position:relative;max-height:190px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 48%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 48%,transparent 100%)}
.csg-wx-excerpt-fade>p{margin:0;color:var(--body);font-size:16px;line-height:1.9;letter-spacing:.1px;text-align:justify}
.csg-wx-gate{margin-top:0;padding-top:4px}
.csg-wx-gate:before{display:none}
.csg-wx-gate h2{font-size:15px;font-weight:400}
.csg-wx-gate .csg-wx-social{margin:22px auto 17px;padding-left:13px}
.csg-wx-gate .csg-wx-social img{width:36px;height:36px;margin-left:-13px}
.csg-wx-gate .csg-wx-reader-count{width:100%;margin-bottom:20px;font-size:clamp(9.5px,2.65vw,12.5px);line-height:1.4;letter-spacing:-.15px;white-space:nowrap}
.csg-wx-gate .csg-wx-reader-count strong{font-size:1.18em}
.csg-wx-gate>a{border-radius:40px}
.csg-wx-bottom .csg-wx-author{max-width:190px;flex:0 1 auto}
.csg-wx-bottom .csg-wx-follow{margin-right:auto}
.csg-wx-official-shell a,.csg-wx-official-shell button{-webkit-appearance:none;appearance:none;-webkit-touch-callout:none;user-select:none;outline:0;box-shadow:none}
.csg-wx-official-shell a:focus:not(:focus-visible),.csg-wx-official-shell button:focus:not(:focus-visible){outline:0;box-shadow:none}
.csg-wx-official-shell a:active,.csg-wx-official-shell button:active{outline:0;box-shadow:none}
.csg-wx-official-shell a:focus-visible,.csg-wx-official-shell button:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:430px){.csg-wx-bottom .csg-wx-author{max-width:132px}.csg-wx-author-copy strong{font-size:13px}.csg-wx-author-copy small{font-size:9px}}
@media(max-width:370px){.csg-wx-excerpt-fade>p{font-size:15px}.csg-wx-gate{padding-right:8px;padding-left:8px}.csg-wx-bottom .csg-wx-author{max-width:105px}.csg-wx-author-avatar{width:34px;height:34px}.csg-wx-author-copy{margin-left:5px}.csg-wx-bottom .csg-wx-follow{min-width:46px;padding:0 5px}.csg-wx-gate .csg-wx-reader-count{font-size:9.5px}}
@media(prefers-color-scheme:dark){.csg-wx-excerpt-fade>p{color:#c8ccca}}

/* 1.18.5: clearer preview fade, WeChat-green gallery cues and tap-state polish. */
.csg-wx-listeners{color:rgb(87,107,149)}
.csg-wx-listeners img{filter:invert(42%) sepia(16%) saturate(1176%) hue-rotate(182deg) brightness(91%) contrast(88%)}
.csg-wx-dots i{width:6px;height:6px;background:rgba(7,193,96,.42);box-shadow:0 1px 3px rgba(0,0,0,.16)}
.csg-wx-dots i.is-active{width:15px;background:#07c160}
.csg-wx-excerpt-fade{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 32%,rgba(0,0,0,.72) 56%,transparent 94%);mask-image:linear-gradient(to bottom,#000 0,#000 32%,rgba(0,0,0,.72) 56%,transparent 94%)}
.csg-wx-gate h2{color:#09aa57;font-size:12px}
.csg-wx-gate .csg-wx-social{gap:0;padding-left:0}
.csg-wx-gate .csg-wx-social img{position:relative;margin-left:-11px}
.csg-wx-gate .csg-wx-social img:first-child{margin-left:0}
.csg-wx-bottom .csg-wx-follow{height:25px}
.csg-wx-author-avatar-wrap{position:relative;display:block;width:38px;height:38px;flex:none}
.csg-wx-author-avatar-wrap .csg-wx-author-avatar{display:block;width:38px;height:38px}
.csg-wx-official-shell,.csg-wx-official-shell a,.csg-wx-official-shell button{-webkit-tap-highlight-color:transparent}
.csg-wx-gate>a:focus,.csg-wx-gate>a:focus-visible,.csg-wx-gate>a:active,.csg-wx-bottom .csg-wx-follow:focus,.csg-wx-bottom .csg-wx-follow:focus-visible,.csg-wx-bottom .csg-wx-follow:active{outline:0!important;box-shadow:none!important}

/* 1.18.6: neutral carousel indicators and theme-proof CTA interaction colors. */
.csg-wx-dots{bottom:14px}
.csg-wx-dots i{width:6px;height:6px;background:rgba(255,255,255,.58);box-shadow:0 1px 4px rgba(0,0,0,.3)}
.csg-wx-dots i.is-active{width:16px;height:6px;border-radius:4px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.34)}
.csg-wx-official-shell .csg-wx-gate>a,
.csg-wx-official-shell .csg-wx-gate>a:link,
.csg-wx-official-shell .csg-wx-gate>a:visited,
.csg-wx-official-shell .csg-wx-gate>a:hover,
.csg-wx-official-shell .csg-wx-gate>a:focus,
.csg-wx-official-shell .csg-wx-gate>a:focus-visible,
.csg-wx-official-shell .csg-wx-gate>a:active{background:var(--green)!important;color:#fff!important;text-decoration:none!important;outline:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}

/* 1.18.9: let the live ring and badge extend beyond the footer avatar. */
.csg-wx-bottom,.csg-wx-bottom .csg-wx-author,.csg-wx-author-avatar-wrap{overflow:visible!important}
.csg-wx-bottom{isolation:isolate}