/* J. PRIVÉ — A: iOS WeChat visual preview. Content and application code stay intact. */
html body .wxi{--wxi-green:#07c160;--wxi-bg:#ededed;--wxi-ink:#191919;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif!important;font-size:17px;font-weight:400;letter-spacing:0;background:#ededed;color:#191919}
html body .wxi button{font:inherit;box-shadow:none}
html body .wxi .wxi-top{height:44px;min-height:44px;flex-basis:44px;padding:0 12px;background:#ededed;border-bottom:0.5px solid #d8d8d8}
html body .wxi .wxi-top-root{background:#ededed;border-bottom:0}
html body .wxi .wxi-top h1{font-size:17px;line-height:24px;font-weight:600;max-width:76%;letter-spacing:0}
html body .wxi .wxi-top-actions,html body .wxi .wxi-top>button{width:32px;min-width:32px;height:44px}
html body .wxi .wxi-top-root>h1{max-width:none}
html body .wxi .wxi-display-plus{border:1.7px solid currentColor;border-radius:50%;width:21px;height:21px}
html body .wxi .wxi-display-plus svg{width:17px;height:17px}
html body .wxi .wxi-search-wrap{padding:7px 8px 9px;background:#ededed}
html body .wxi .wxi-searchbox{height:36px;border-radius:8px;background:#fff;gap:5px;color:#b2b2b2}
html body .wxi .wxi-searchbox input{font-size:16px;max-width:42px;padding:0;color:#191919}
html body .wxi .wxi-searchbox input:focus,html body .wxi .wxi-searchbox input:not(:placeholder-shown){max-width:none;flex:1;text-align:left}
html body .wxi .wxi-searchbox input::placeholder{color:#b2b2b2}
html body .wxi .wxi-home-scroll{background:#fff}
html body .wxi .wxi-list-row{height:72px;min-height:72px;padding:0 16px!important;gap:12px;border:0!important;border-radius:0}
html body .wxi .wxi-list-row:active,html body .wxi .wxi-contact-row:active{background:#d9d9d9!important}
html body .wxi .wxi-list-row>.wxi-avatar,html body .wxi .wxi-list-row>.wxi-group-picture{width:48px;height:48px;flex:0 0 48px;border-radius:6px}
html body .wxi .wxi-row-main{gap:5px;border-bottom:.5px solid #e5e5e5;padding:0;justify-content:center}
html body .wxi .wxi-row-top b{font-size:17px;line-height:23px;font-weight:400;color:#191919}
html body .wxi .wxi-row-top time{font-size:11px;line-height:16px;color:#b2b2b2}
html body .wxi .wxi-row-message{font-size:14px;line-height:20px;color:#b2b2b2;max-width:100%}
html body .wxi .wxi-bottom-tabs{height:54px;min-height:54px;flex-basis:54px;background:#f7f7f7;border-top:.5px solid #d6d6d6}
html body .wxi .wxi-bottom-tabs button{gap:3px;padding:5px 0 2px;color:#191919}
html body .wxi .wxi-bottom-tabs button svg{width:26px;height:26px;stroke-width:1.7px}
html body .wxi .wxi-bottom-tabs button span{font-size:10px;line-height:14px;font-weight:400;color:inherit}
html body .wxi .wxi-bottom-tabs button.selected,html body .wxi .wxi-bottom-tabs button.selected span{color:#07c160}
html body .wxi .wxi-chat-scroll{background:#ededed;padding:8px 12px 20px}
html body .wxi .wxi-chat-timestamp{font-size:12px;line-height:18px;color:#b2b2b2;margin:12px auto 18px;padding:0}
html body .wxi .wxi-message{gap:10px;margin-bottom:16px}
html body .wxi .wxi-message-avatar{width:40px;height:40px;border-radius:4px}
html body .wxi .wxi-message-content{max-width:calc(100% - 94px);gap:4px}
html body .wxi .wxi-message-author{font-size:12px;line-height:17px;color:#888}
html body .wxi .wxi-message-bubble{font-size:17px;line-height:24px;min-height:42px;padding:9px 12px;border-radius:4px;background:#fff;color:#191919;box-shadow:none}
html body .wxi .wxi-message.incoming .wxi-message-bubble:before{top:15px;width:8px;height:8px;left:-4px;border-radius:0;background:#fff}
html body .wxi .wxi-message.outgoing .wxi-message-bubble{background:#95ec69}
html body .wxi .wxi-message.outgoing .wxi-message-bubble:after{top:15px;width:8px;height:8px;right:-4px;border-radius:0;background:#95ec69}
html body .wxi .wxi-message-bubble.wxphoto-bubble{padding:0;min-height:0;background:transparent}
html body .wxi .wxi-message-bubble.wxphoto-bubble:before,html body .wxi .wxi-message-bubble.wxphoto-bubble:after{display:none}
html body .wxi .wxi-chat-input{height:56px;min-height:56px;flex-basis:56px;padding:7px 8px;gap:10px;background:#f7f7f7;border-top:.5px solid #d7d7d7}
html body .wxi .wxi-input-placeholder{height:40px;border:0;border-radius:5px;background:#fff}
html body .wxi .wxi-chat-input>svg{width:28px;height:28px}
html body .wxi .wxi-contact-scroll,html body .wxi .wxi-panel-scroll,html body .wxi .wxi-discover-screen,html body .wxi .wxi-me-screen{background:#ededed}
html body .wxi .wxi-directory-shortcut{height:56px;padding:0 16px;gap:16px;border-bottom:.5px solid #ededed}
html body .wxi .wxi-directory-shortcut>span{width:36px;height:36px;border-radius:4px}
html body .wxi .wxi-directory-shortcut b,html body .wxi .wxi-contact-row b{font-size:17px;font-weight:400}
html body .wxi .wxi-directory-letter{font-size:14px;line-height:20px;padding:3px 16px;color:#888;background:#ededed}
html body .wxi .wxi-contact-row{height:56px;padding:0 16px!important;gap:16px}
html body .wxi .wxi-contact-row>.wxi-avatar,html body .wxi .wxi-contact-row>.wxi-group-picture{width:36px;height:36px;flex:0 0 36px;border-radius:4px}
html body .wxi .wxi-feature-row{min-height:56px;padding:0 16px!important;gap:18px;margin:0;border-bottom:.5px solid #ededed!important}
html body .wxi .wxi-feature-row b{font-size:17px;font-weight:400}
html body .wxi .wxi-feature-row>svg:first-child{width:23px;height:23px;flex-basis:23px}
html body .wxi .wxi-feature-row>svg:last-child{width:16px;color:#b2b2b2}
html body .wxi .wxi-discover-screen>.wxi-feature-row:nth-child(1),html body .wxi .wxi-discover-screen>.wxi-feature-row:nth-child(2),html body .wxi .wxi-discover-screen>.wxi-feature-row:last-child,html body .wxi .wxi-me-screen>.wxi-feature-row:nth-child(2),html body .wxi .wxi-me-screen>.wxi-feature-row:last-child{margin:8px 0}
html body .wxi .wxi-me-banner{padding:18px 24px 32px 24px;gap:16px;margin:0 0 8px;min-height:142px}
html body .wxi .wxi-me-banner>img{width:64px;height:64px;border-radius:8px}
html body .wxi .wxi-me-banner h2{font-size:23px;line-height:30px;font-weight:600}
html body .wxi .wxi-me-banner p{font-size:14px;line-height:20px;margin-top:8px;color:#888}
html body .wxi .wxi-me-banner small{font-size:12px;color:#888;line-height:18px}
html body .wxi .wxi-profile-summary{height:auto;min-height:152px;padding:24px;gap:20px}
html body .wxi .wxi-profile-summary>img{width:64px;height:64px;border-radius:8px}
html body .wxi .wxi-profile-summary h2{font-size:22px;line-height:30px;font-weight:600}
html body .wxi .wxi-profile-summary p{font-size:14px;line-height:20px;color:#888}
html body .wxi .wxi-setting-row{height:56px;min-height:56px;padding:0 16px}
html body .wxi .wxi-setting-row>span{font-size:17px}
html body .wxi .wxi-setting-row>small{font-size:14px}
html body .wxi .wxi-profile-actions button,html body .wxi .wxi-profile-actions>div{height:56px;font-size:17px}
html body .wxi .wxi-group-profile-heading b{font-size:17px}
html body .wxi .wxi-group-profile-heading small,html body .wxi .wxi-members-grid span{font-size:12px}
html body .wxi .wxi-members-grid img{width:46px;height:46px}
html body .wxi .wxi-moments-top{height:44px;flex-basis:44px;min-height:44px;background:#ededed;color:#191919;border:0;padding:0 12px}
html body .wxi .wxi-moments-top button{color:#191919}
html body .wxi .wxi-moments-top b{font-size:17px;font-weight:600}
html body .wxi .wxi-moments-cover{height:226px;background-position:center;background-size:cover}
html body .wxi .wxi-moments-name{right:96px;bottom:15px;font-size:17px;font-weight:600}
html body .wxi .wxi-moments-avatar{width:68px;height:68px;right:16px;bottom:-22px;border:0;border-radius:7px;box-shadow:none}
html body .wxi .wxi-moments-gap{height:64px;font-size:12px;line-height:18px;padding:32px 16px 10px}
html body .wxi .wxi-post{padding:16px;gap:10px;border-bottom:.5px solid #ededed}
html body .wxi .wxi-post-avatar{width:40px;height:40px;flex-basis:40px;border-radius:4px}
html body .wxi .wxi-post-main>strong{font-size:16px;line-height:22px;font-weight:600;color:#576b95}
html body .wxi .wxi-post-text{font-size:16px;line-height:23px;margin:4px 0 8px}
html body .wxi .wxi-post-images{max-width:240px;gap:4px}
html body .wxi .wxi-post-image-single{width:min(100%,220px)}
html body .wxi .wxi-post-image-single img{aspect-ratio:auto;max-height:300px;width:auto;max-width:100%;object-fit:contain;border-radius:0}
html body .wxi .wxi-post-meta time{font-size:12px;color:#b2b2b2}
html body .wxi .wxi-post-ellipses{width:28px;height:18px;background:#f7f7f7}
html body .wxi .wxi-social-panel{padding:6px 8px;background:#f7f7f7;border-radius:2px}
html body .wxi .wxi-social-panel:before{background:#f7f7f7}
html body .wxi .wxi-social-likes,html body .wxi .wxi-social-comment{font-size:14px;line-height:21px}
html body .wxi .wxi-social-rule{background:#e5e5e5}
html body .wxi .wxi-end-note,html body .wxi .wxi-group-info-hint{display:none}
html body .wxi .wxi-empty{font-size:14px;color:#b2b2b2}
/* Match the system status/home areas only while WeChat is visible. */
html body .phone-screen>div:has(.wxi) .h-\[49px\],html body .h-full.flex.flex-col:has(.wxi){background:#ededed!important}
html body .phone-screen:has(.wxi) .pb-6{padding-bottom:25px;background:#f7f7f7}
@media(prefers-reduced-motion:reduce){.wxi *{scroll-behavior:auto!important;animation:none!important}}

html body .wxi .wxi-bottom-tabs button:nth-child(1) svg>*{opacity:0}
html body .wxi .wxi-bottom-tabs button:nth-child(1) svg{background:center/contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20d%3D%22M17.3%2014.1c0%204-3.6%207.2-8%207.2-1%200-2-.2-2.9-.5l-3.1%201%20.9-2.7A6.9%206.9%200%200%201%201.3%2014c0-4%203.6-7.2%208-7.2s8%203.2%208%207.3Z%22%20fill%3D%22white%22%20stroke%3D%22%23191919%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M26.5%2018.5c0%203-2.7%205.4-6%205.4-.8%200-1.5-.1-2.2-.4l-2.3.8.7-2.1a5.1%205.1%200%200%201-2.2-4.1c0-3%202.7-5.4%206-5.4s6%202.5%206%205.8Z%22%20fill%3D%22white%22%20stroke%3D%22%23191919%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%226.6%22%20cy%3D%2212.9%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2211.6%22%20cy%3D%2212.9%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2218.3%22%20cy%3D%2217.4%22%20r%3D%22.8%22%2F%3E%3Ccircle%20cx%3D%2222.4%22%20cy%3D%2217.4%22%20r%3D%22.8%22%2F%3E%3C%2Fsvg%3E");}
html body .wxi .wxi-bottom-tabs button:nth-child(1).selected svg{background:center/contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20d%3D%22M17.8%2012.8c0%204-3.7%207.3-8.3%207.3-1%200-2-.2-3-.5l-3.3%201%20.9-2.8A7%207%200%200%201%201.2%2012c0-4%203.7-7.3%208.3-7.3s8.3%203.3%208.3%208.1Z%22%20fill%3D%22%2307c160%22%2F%3E%3Cpath%20d%3D%22M26.8%2018.6c0%203.1-2.8%205.6-6.2%205.6-.8%200-1.6-.1-2.3-.4l-2.4.8.7-2.1a5.3%205.3%200%200%201-2.3-4.2c0-3.1%202.8-5.6%206.2-5.6s6.3%202.5%206.3%205.9Z%22%20fill%3D%22%2307c160%22%20stroke%3D%22white%22%20stroke-width%3D%221.2%22%2F%3E%3Ccircle%20cx%3D%226.6%22%20cy%3D%2211.6%22%20r%3D%221.1%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2211.7%22%20cy%3D%2211.6%22%20r%3D%221.1%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%2217.6%22%20r%3D%22.8%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2222.7%22%20cy%3D%2217.6%22%20r%3D%22.8%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");}
html body .wxi .wxi-bottom-tabs button:nth-child(2) svg>*{opacity:0}
html body .wxi .wxi-bottom-tabs button:nth-child(2) svg{background:center/contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20stroke%3D%22%23191919%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%229%22%20r%3D%224.1%22%2F%3E%3Cpath%20d%3D%22M2.8%2024v-2.3a8.2%208.2%200%200%201%2016.4%200V24M18%205.4a4.2%204.2%200%200%201%200%208.2M21.4%2016.5a7.4%207.4%200%200%201%203.8%206.3V24%22%2F%3E%3C%2Fsvg%3E");}
html body .wxi .wxi-chat-input>svg:first-child>*{opacity:0}
html body .wxi .wxi-chat-input>svg:first-child{background:center/contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20stroke%3D%22%23191919%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2211.6%22%2F%3E%3Cpath%20d%3D%22M17.8%207.3a10%2010%200%200%201%200%2013.4M14.4%209.6a6.6%206.6%200%200%201%200%208.8M11.1%2012a3.3%203.3%200%200%201%200%204%22%2F%3E%3C%2Fsvg%3E");}
html body .wxi .wxi-bottom-tabs button:nth-child(2).selected svg{filter:invert(57%) sepia(96%) saturate(1591%) hue-rotate(100deg) brightness(95%) contrast(95%)}