/* WeChat simulation intentionally follows the white native sheet in the reference. */
body #bw-wechat-preview{
  position:fixed;inset:min(7dvh,56px) 0 0;width:min(100%,480px);max-width:100%;
  height:calc(100dvh - min(7dvh,56px));max-height:none;margin:0 auto;padding:0;
  border:0;border-radius:28px 28px 0 0;background:#fff!important;color:#111!important;
  color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  overflow:auto;overscroll-behavior:contain;box-shadow:0 -12px 48px #0002;
}
#bw-wechat-preview::backdrop{background:#0005;backdrop-filter:blur(4px)}
#bw-wechat-preview:not([open]){display:none!important}
#bw-wechat-preview *{box-sizing:border-box}
.wx-preview-header{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;min-height:60px;padding:8px 12px;background:#fff;border-bottom:1px solid #d8d8d8}
.wx-preview-header h2{margin:0;text-align:center;color:#111;font-size:17px;font-weight:650;line-height:1.4}
.wx-preview-header button{position:relative;isolation:isolate;display:grid;place-items:center;justify-self:end;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#333;cursor:pointer}
.wx-preview-header button:before{content:"";position:absolute;z-index:-1;width:28px;height:28px;border-radius:50%;background:#f1f1f1}
.wx-preview-header button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.wx-preview-card{display:flex;align-items:center;gap:16px;padding:20px 16px 24px;border-bottom:1px solid #f2f2f2;background:#fff}
.wx-preview-cover{position:relative;flex:0 0 84px;width:84px;max-width:28%;aspect-ratio:1;background:#efefef;border-radius:var(--bw-radius-sm,10px);overflow:hidden}
body #bw-wechat-preview .wx-preview-cover img{position:absolute;inset:0;display:block;width:100%;max-width:100%;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center;border:0;border-radius:0;background:transparent;transform:none;clip-path:none}
body #bw-wechat-preview .wx-preview-cover img.bw-cover-backdrop{object-fit:cover!important;filter:blur(10px) brightness(.65);transform:scale(1.18);pointer-events:none}
.wx-preview-card p{margin:0;color:#171717;font-size:16px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}
.wx-preview-actions{padding:0 16px;background:#fff}
.wx-preview-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 0;border:0;border-bottom:1px solid #f0f0f0;background:#fff;color:#171717;font-family:inherit;font-size:16px;line-height:1.5;text-align:left;cursor:pointer}
.wx-preview-icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:28px}.wx-preview-icon>svg{display:block;width:26px;height:28px}
.wx-preview-chevron{width:18px;height:18px;margin-left:auto;color:#999;flex:none}
.wx-preview-row:active{background:#f7f7f7}.wx-preview-header button:active:before{background:#dedede}
#bw-wechat-preview :focus-visible{outline:2px solid #07a64b;outline-offset:3px}
.wx-preview-feedback{margin:24px 18px;padding:11px 14px;border-radius:8px;background:#f7f7f7;color:#777;font-size:12px;line-height:1.6}.wx-preview-feedback[hidden]{display:none!important}
body.wechat-preview-open{overflow:hidden}body.wechat-preview-open :is(#home-floating-ai,.app-tabbar){visibility:hidden!important;pointer-events:none!important}
@media(max-width:350px){.wx-preview-cover{flex-basis:72px;width:72px}}
@media(prefers-reduced-motion:no-preference){#bw-wechat-preview[open]{animation:wx-preview-in .22s ease-out}@keyframes wx-preview-in{from{opacity:.8;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}}