/* GENERATED by scripts/gen-group-chat-look.cjs from styles/wechat.css - do not edit by hand.
   The private chat page's look (#wechat-chat-detail) copied for the group chat page (#gx-chat). */
#gx-chat .wechat-top-avatar{font-size:16px}
#gx-chat{background:var(--chat-wp,var(--chat-wp-default))}
#gx-chat>.app-top{position:relative;z-index:3;height:108px;padding-top:12px;align-items:flex-start;background:var(--glass-bar);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}
#gx-chat.wp>.app-top{background:linear-gradient(180deg,rgba(240,244,248,.55),rgba(240,244,248,0));backdrop-filter:none;-webkit-backdrop-filter:none}
#gx-chat.wp-dark>.app-top{background:linear-gradient(180deg,rgba(20,24,32,.55),rgba(20,24,32,0))}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat.wp:not(.wp-dark)>.app-top{background:linear-gradient(180deg,rgba(20,24,32,.55),rgba(20,24,32,0))}}
:root[data-theme="dark"] #gx-chat.wp:not(.wp-dark)>.app-top{background:linear-gradient(180deg,rgba(20,24,32,.55),rgba(20,24,32,0))}
#gx-chat.wp-dark .msg-time{background:rgba(255,255,255,.14);color:rgba(255,255,255,.85)}
#gx-chat.wp-dark .chat-input textarea,#gx-chat.wp-dark .ci-voice-hold{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
#gx-chat.wp-dark #gx-back,#gx-chat.wp-dark #gx-more,#gx-chat.wp-dark .chat-input #gx-plus{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
#gx-chat.wp-dark .wechat-chat-contact .app-title{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}
#gx-chat.wp-dark .wechat-chat-contact .app-title::after{color:rgba(255,255,255,.7)}
#gx-chat .wechat-chat-contact{flex-direction:column;gap:2px}
#gx-chat #gx-back,#gx-chat #gx-more{margin-top:11px;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(60,85,125,.1),0 6px 14px -6px rgba(60,85,125,.3);color:var(--ink)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat #gx-back,:root:not([data-theme="light"]) #gx-chat #gx-more{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);box-shadow:none}}
:root[data-theme="dark"] #gx-chat #gx-back,:root[data-theme="dark"] #gx-chat #gx-more{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);box-shadow:none}
#gx-chat .wechat-chat-contact{pointer-events:none}
#gx-chat .wechat-chat-contact .wechat-top-avatar{pointer-events:auto;cursor:pointer}
#gx-chat .wechat-top-avatar{width:44px;height:44px;flex-basis:44px;border-radius:50%}
#gx-chat .wechat-chat-contact .app-title{font-size:15px;font-weight:600;color:var(--ink);position:relative;margin-top:5px;padding:0;border-radius:0;background:none;border:none}
#gx-chat .wechat-chat-contact .app-title::after{content:" ›";color:var(--ink2)}
#gx-chat .msgs{margin-top:-108px;padding-top:118px;background:var(--chat-bg,transparent)}
#gx-chat .msg-av{width:30px;height:30px;border-radius:50%;padding:0;background:none;box-shadow:none;border:1.5px solid #fff;margin-top:0}
#gx-chat .msg-av img{border-radius:50%}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat .msg-av{border-color:rgba(255,255,255,.18)}}
:root[data-theme="dark"] #gx-chat .msg-av{border-color:rgba(255,255,255,.18)}
#gx-chat .msg-row.a+.msg-row.a .msg-av{visibility:hidden}
#gx-chat .ci-panel{margin:0 10px 10px;height:auto;max-height:46dvh;border:1px solid var(--im-bub-line);border-radius:26px;overflow-y:auto;background:var(--im-theirs);box-shadow:var(--im-shadow),inset 0 1px 0 var(--im-hi);-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8)}
#gx-chat .ci-panel-tabs,#gx-chat .ci-panel-footer{border-color:var(--glass-line)}
#gx-chat .ci-panel-tab{width:auto;min-width:36px;height:30px;padding:0 10px;border-radius:999px}
#gx-chat .ci-panel-tab.active{background:#fff;color:var(--accent-text)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat .ci-panel-tab.active{background:rgba(255,255,255,.16)}}
:root[data-theme="dark"] #gx-chat .ci-panel-tab.active{background:rgba(255,255,255,.16)}
#gx-chat .ci-panel-del,#gx-chat .s-btn.ok{background:rgba(255,255,255,.6);color:var(--accent-text);box-shadow:none}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat .ci-panel-del,:root:not([data-theme="light"]) #gx-chat .s-btn.ok{background:rgba(255,255,255,.12)}}
:root[data-theme="dark"] #gx-chat .ci-panel-del,:root[data-theme="dark"] #gx-chat .s-btn.ok{background:rgba(255,255,255,.12)}
#gx-chat .more-panel .more-grid{display:grid;grid-template-columns:repeat(4,1fr);row-gap:14px;padding:16px 10px 12px;gap:0 0}
#gx-chat .more-item{flex-direction:column;gap:7px;padding:0;border-radius:0;font-size:12px;color:var(--ink2);text-align:center}
#gx-chat .more-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.55));border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px rgba(40,55,80,.4);color:var(--accent-text)}
#gx-chat .more-icon svg{width:24px;height:24px}
#gx-chat .more-item:active .more-icon{box-shadow:inset 0 1px 0 #fff,0 2px 6px -4px rgba(40,55,80,.4)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat .more-icon{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);box-shadow:none}}
:root[data-theme="dark"] #gx-chat .more-icon{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);box-shadow:none}
#gx-chat .chat-input{background:transparent}
#gx-chat .chat-input textarea,#gx-chat .ci-voice-hold{background:var(--im-theirs);box-shadow:var(--im-shadow),inset 0 1px 0 var(--im-hi);border:1px solid var(--im-bub-line);-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8)}
#gx-chat .chat-input textarea:focus-visible{box-shadow:var(--im-shadow),inset 0 1px 0 var(--im-hi),0 0 0 2px var(--pri)}
#gx-chat .msg-time{align-self:center;padding:3px 10px;margin:6px 0 2px;border-radius:10px;background:rgba(255,255,255,.35);color:var(--ink2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat .msg-time{background:rgba(255,255,255,.06)}}
:root[data-theme="dark"] #gx-chat .msg-time{background:rgba(255,255,255,.06)}
:root:not([data-bubble-style="paper"]) #gx-chat .msg-bub{padding:10px 15px;border-radius:var(--bub-r,18px) var(--bub-r,18px) var(--bub-r,18px) 6px;border:1px solid var(--im-bub-line);box-shadow:var(--im-shadow),inset 0 1px 0 var(--im-hi);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5)}
:root:not([data-bubble-style="paper"]) #gx-chat .msg-row.u .msg-bub{background:var(--im-mine);border-radius:var(--bub-r,18px) var(--bub-r,18px) 6px var(--bub-r,18px);border-color:rgba(255,255,255,.75)}
:root:not([data-bubble-style="paper"]) #gx-chat .msg-row.a .msg-bub,:root:not([data-bubble-style="paper"]) #gx-chat .typing{background:var(--im-theirs)}
:root:not([data-bubble-style="paper"]) #gx-chat .typing{border-radius:var(--bub-r,18px) var(--bub-r,18px) var(--bub-r,18px) 6px;border:1px solid var(--im-bub-line);box-shadow:var(--im-shadow),inset 0 1px 0 var(--im-hi);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5)}
#gx-chat .msg-row.u:not(:has(+ .msg-row.u)) .msg-bub{border-bottom-right-radius:6px}
#gx-chat .msg-row.a:not(:has(+ .msg-row.a)) .msg-bub{border-bottom-left-radius:6px}
:root:not([data-bubble-style="paper"])[data-chat-mine="1"] #gx-chat .msg-row.u .msg-bub{background:color-mix(in srgb,var(--bub-u) 55%,rgba(255,255,255,.5));color:var(--ink)}
:root:not([data-bubble-style="paper"])[data-chat-theirs="1"] #gx-chat .msg-row.a .msg-bub,:root:not([data-bubble-style="paper"])[data-chat-theirs="1"] #gx-chat .typing{background:color-mix(in srgb,var(--bub-a) 55%,rgba(255,255,255,.55));color:var(--ink)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-bubble-style="paper"])[data-chat-mine="1"] #gx-chat .msg-row.u .msg-bub{background:color-mix(in srgb,var(--bub-u) 55%,rgba(255,255,255,.06))}
:root:not([data-theme="light"]):not([data-bubble-style="paper"])[data-chat-theirs="1"] #gx-chat .msg-row.a .msg-bub,:root:not([data-theme="light"]):not([data-bubble-style="paper"])[data-chat-theirs="1"] #gx-chat .typing{background:color-mix(in srgb,var(--bub-a) 55%,rgba(255,255,255,.08))}}
:root[data-theme="dark"]:not([data-bubble-style="paper"])[data-chat-mine="1"] #gx-chat .msg-row.u .msg-bub{background:color-mix(in srgb,var(--bub-u) 55%,rgba(255,255,255,.06))}
:root[data-theme="dark"]:not([data-bubble-style="paper"])[data-chat-theirs="1"] #gx-chat .msg-row.a .msg-bub,:root[data-theme="dark"]:not([data-bubble-style="paper"])[data-chat-theirs="1"] #gx-chat .typing{background:color-mix(in srgb,var(--bub-a) 55%,rgba(255,255,255,.08))}
:root:not([data-bubble-style="paper"]) #gx-chat.wp .msg-row.a .msg-bub,:root:not([data-bubble-style="paper"]) #gx-chat.wp .typing{background:rgba(255,255,255,.45)}
:root:not([data-bubble-style="paper"]) #gx-chat.wp .msg-row.u .msg-bub{background:rgba(255,255,255,.75)}
#gx-chat.wp .msg-time{background:rgba(255,255,255,.4);color:#4a5a70}
:root:not([data-bubble-style="paper"]) #gx-chat.wp-dark .msg-row.a .msg-bub,:root:not([data-bubble-style="paper"]) #gx-chat.wp-dark .typing{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
:root:not([data-bubble-style="paper"]) #gx-chat.wp-dark .msg-row.u .msg-bub{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.28);color:#fff}
#gx-chat .msg-media,#gx-chat .file-card,#gx-chat .transfer-card{border-radius:18px;background:var(--im-theirs);border:1px solid var(--im-bub-line);box-shadow:var(--im-shadow),inset 0 1px 0 var(--im-hi);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5)}
#gx-chat .msg-row.u .msg-media,#gx-chat .msg-row.u .file-card,#gx-chat .msg-row.u .transfer-card{background:var(--im-mine)}
#gx-chat .msg-media{padding:4px}
#gx-chat .transfer-card-icon,#gx-chat .file-card-icon{background:rgba(255,255,255,.6);color:var(--accent-text)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat .transfer-card-icon,:root:not([data-theme="light"]) #gx-chat .file-card-icon{background:rgba(255,255,255,.1)}}
:root[data-theme="dark"] #gx-chat .transfer-card-icon,:root[data-theme="dark"] #gx-chat .file-card-icon{background:rgba(255,255,255,.1)}
#gx-chat .chat-input{align-items:flex-end;gap:8px}
#gx-chat .chat-input #gx-plus{display:flex!important;order:0;width:34px;height:34px;border-radius:50%;background:var(--im-theirs);border:1px solid var(--im-bub-line);box-shadow:var(--im-shadow),inset 0 1px 0 var(--im-hi);-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8)}
#gx-chat .chat-input #gx-ci,#gx-chat .chat-input #voice-hold{order:1;min-height:34px;border-radius:22px;padding:7px 78px 7px 14px}
#gx-chat .chat-input #voice-hold{height:34px;padding:0 78px 0 14px}
#gx-chat .chat-input #gx-at{order:2;margin-left:-76px;height:34px}
#gx-chat .chat-input #voice-toggle{order:3;margin-left:-6px;height:34px}
#gx-chat .chat-input #gx-send{order:3;width:28px;height:28px;margin:0 3px 3px -34px;position:relative;z-index:1}
#gx-chat .chat-input:has(#gx-send:not([hidden])) #gx-ci{padding-right:40px}
#gx-chat .chat-input:has(#gx-send:not([hidden])) #gx-at,#gx-chat .chat-input:has(#gx-send:not([hidden])) #voice-toggle{display:none}
#gx-chat .location-card{flex:0 0 220px;flex-direction:column;align-items:stretch;gap:0;width:220px;min-width:0;padding:0;overflow:hidden;border-radius:18px;background:var(--im-theirs);border:1px solid var(--im-bub-line);box-shadow:var(--im-shadow),inset 0 1px 0 var(--im-hi)}
#gx-chat .location-card-map{position:relative;display:block;height:92px;background:color-mix(in srgb,var(--pri) 24%,var(--surface))}
#gx-chat .location-card-pin{position:absolute;display:block;width:22px;height:22px;transform:translate(-50%,-100%);font-style:normal;color:var(--ink)}
#gx-chat .location-card-pin svg{width:22px;height:22px}
#gx-chat .location-card-main{padding:9px 14px 11px}
#gx-chat .location-card-main b{max-width:190px}
#gx-chat.wp-dark .mo-tinted{--mt-acc:color-mix(in srgb,var(--mt-tint) 45%,#fff);--mt-soft:color-mix(in srgb,var(--mt-tint) 30%,transparent);--mt-on:#1c2330;--mt-mute:rgba(255,255,255,.6)}
#gx-chat .moment-chat-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;width:min(262px,68vw);padding:12px 14px 10px;border-radius:20px;background:var(--im-theirs);border:1px solid var(--im-bub-line);box-shadow:var(--im-shadow),inset 0 1px 0 var(--im-hi);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);color:var(--ink);text-align:left;cursor:pointer}
#gx-chat .msg-row.u .moment-chat-card{background:var(--im-mine)}
#gx-chat.wp .moment-chat-card,#gx-chat.wp .moment-pill-note{background:rgba(255,255,255,.55)}
#gx-chat.wp-dark .moment-chat-card,#gx-chat.wp-dark .moment-pill-note{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#f2f5f8}
#gx-chat.wp-dark .moment-quote{color:rgba(255,255,255,.78)}
#gx-chat .msgs{overflow-anchor:none}
#gx-chat .msg-bub.bub-pressed{transform:scale(1.04);transition:transform .12s ease}
#gx-chat .chat-blocked-bar{margin:0 12px 22px;padding:14px 16px;border-radius:28px;border-top:none;background:var(--im-theirs);border:1px solid var(--im-bub-line);box-shadow:var(--im-shadow),inset 0 1px 0 var(--im-hi);-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8)}
#gx-chat .chat-blocked-unblock{background:rgba(255,255,255,.6);color:var(--accent-text)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat .chat-blocked-unblock{background:rgba(255,255,255,.12)}}
:root[data-theme="dark"] #gx-chat .chat-blocked-unblock{background:rgba(255,255,255,.12)}
#gx-chat .ci-guidance{background:var(--im-theirs);border:1px solid var(--im-bub-line);border-radius:999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
#gx-chat .chat-latest-pill{background:var(--im-theirs);border-color:var(--im-bub-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--im-shadow)}
#gx-chat .voice-slide-hint{background:rgba(255,255,255,.65);color:var(--ink);border:1px solid #fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 22px -12px rgba(40,55,80,.4)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat .voice-slide-hint{background:rgba(40,46,58,.85);color:var(--ink);border-color:rgba(255,255,255,.14)}}
:root[data-theme="dark"] #gx-chat .voice-slide-hint{background:rgba(40,46,58,.85);color:var(--ink);border-color:rgba(255,255,255,.14)}
#gx-chat .voice-slide-hint.cancel{background:var(--coral);color:var(--on-coral,#fff);border-color:transparent}
#gx-chat .chat-input #gx-plus.open{transform:rotate(45deg);background:#fff;color:var(--accent-text)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat .chat-input #gx-plus.open{background:rgba(255,255,255,.14)}}
:root[data-theme="dark"] #gx-chat .chat-input #gx-plus.open{background:rgba(255,255,255,.14)}
#gx-chat{position:relative;--im-float:rgba(255,255,255,.82);--im-float-line:rgba(255,255,255,.95);--im-float-shadow:0 10px 26px -10px rgba(40,55,80,.28),0 1px 2px rgba(40,55,80,.06)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat{--im-float:rgba(44,48,58,.72);--im-float-line:rgba(255,255,255,.12);--im-float-shadow:0 10px 26px -12px rgba(0,0,0,.6)}}
:root[data-theme="dark"] #gx-chat{--im-float:rgba(44,48,58,.72);--im-float-line:rgba(255,255,255,.12);--im-float-shadow:0 10px 26px -12px rgba(0,0,0,.6)}
#gx-chat>.app-top{position:absolute;left:0;right:0;top:0;z-index:5;height:auto;padding:calc(8px + env(safe-area-inset-top)) 12px 18px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none;box-shadow:none;pointer-events:none}
#gx-chat>.app-top>*{pointer-events:auto;position:relative;z-index:1}
#gx-chat>.app-top::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(118px + env(safe-area-inset-top));background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,transparent) 0%,color-mix(in srgb,var(--bg) 75%,transparent) 50%,transparent 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent);mask-image:linear-gradient(180deg,#000 45%,transparent);pointer-events:none;z-index:0}
#gx-chat #gx-back,#gx-chat #gx-more{margin-top:6px;width:42px;height:42px;border-radius:50%;background:var(--im-float);border:1px solid var(--im-float-line);box-shadow:var(--im-float-shadow);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);color:var(--ink)}
#gx-chat .wechat-chat-contact{gap:0}
#gx-chat .wechat-chat-contact .wechat-top-avatar{width:54px;height:54px;flex:0 0 54px;font-size:20px;box-shadow:0 8px 20px -10px rgba(40,55,80,.45)}
#gx-chat .wechat-chat-contact .app-title{pointer-events:auto;margin-top:-8px;padding:5px 14px;border-radius:16px;background:var(--im-float);border:1px solid var(--im-float-line);box-shadow:var(--im-float-shadow);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);font-size:15px;font-weight:600;color:var(--ink);z-index:1}
#gx-chat #gx-msgs{margin-top:0;padding-top:calc(102px + env(safe-area-inset-top));padding-bottom:12px;scroll-padding-top:calc(102px + env(safe-area-inset-top))}
#gx-chat>.workout-banner{position:absolute;left:0;right:0;z-index:4;top:calc(100px + env(safe-area-inset-top));box-shadow:var(--im-float-shadow)}
#gx-chat:has(>.workout-banner:not([hidden])) #gx-msgs{padding-top:calc(156px + env(safe-area-inset-top))}
#gx-chat .chat-input{position:relative;padding:8px 14px calc(12px + var(--sab));background:none;margin-top:-62px;z-index:5;pointer-events:none}
#gx-chat .chat-input>*{pointer-events:auto;position:relative;z-index:1}
#gx-chat .chat-input::before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;height:calc(100% + 24px);background:linear-gradient(0deg,color-mix(in srgb,var(--bg) 94%,transparent) 0%,color-mix(in srgb,var(--bg) 70%,transparent) 55%,transparent 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(0deg,#000 50%,transparent);mask-image:linear-gradient(0deg,#000 50%,transparent);pointer-events:none;z-index:0}
#gx-chat #gx-msgs{padding-bottom:70px}
#gx-chat .chat-input #gx-plus{width:42px;height:42px;background:var(--im-float);border:1px solid var(--im-float-line);box-shadow:var(--im-float-shadow)}
#gx-chat .chat-input #gx-ci,#gx-chat .chat-input #voice-hold{min-height:42px;border-radius:21px;background:var(--im-float);border:1px solid var(--im-float-line);box-shadow:var(--im-float-shadow);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);padding-top:10px;padding-bottom:10px}
#gx-chat .chat-input #voice-hold{height:42px}
#gx-chat .chat-input #gx-at,#gx-chat .chat-input #voice-toggle{height:42px;z-index:2}
#gx-chat .chat-input:has(#gx-send:not([hidden])) #gx-ci{padding-right:46px}
#gx-chat .chat-input #gx-send{position:absolute;right:20px;bottom:calc(18px + var(--sab));z-index:2;width:30px;height:30px;margin:0;background:color-mix(in srgb,var(--pri) 24%,#fff);color:var(--pri-deep);box-shadow:none;border:none}
#gx-chat .chat-input #gx-send svg{width:15px;height:15px;margin:0 1px 0 -1px}
#gx-chat .chat-input:has(#gx-send:not([hidden])) #gx-ci{padding-right:44px}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat .chat-input #gx-send{background:color-mix(in srgb,var(--pri) 34%,transparent);color:var(--ink)}}
:root[data-theme="dark"] #gx-chat .chat-input #gx-send{background:color-mix(in srgb,var(--pri) 34%,transparent);color:var(--ink)}
#gx-chat .ci-guidance:not([hidden])+.chat-input{margin-top:0}
#v-chat #gx-chat .wechat-chat-contact .app-title{display:flex;flex-direction:column;align-items:center;gap:1px;max-width:230px}
#v-chat #gx-chat .wechat-chat-contact .app-title::after{content:none}
#v-chat #gx-chat .wechat-chat-contact .app-title.has-doing{padding:5px 15px 6px;border-radius:18px}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="glass"] .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="glass"] .typing,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="glass"] .msg-row.u .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"] .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"] .typing,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"] .msg-row.u .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="outline"] .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="outline"] .typing,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="outline"] .msg-row.u .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"] .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"] .typing,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"] .msg-row.u .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="frost-clear"] .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="frost-clear"] .typing,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="frost-clear"] .msg-row.u .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="thin"] .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="thin"] .typing,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="thin"] .msg-row.u .msg-bub{padding:9px 14px;border-radius:20px;color:#2b3a48;box-shadow:none;border:1px solid transparent;-webkit-backdrop-filter:none;backdrop-filter:none;position:relative}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="glass"] .msg-row.a:not(:has(+ .msg-row.a)) .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"] .msg-row.a:not(:has(+ .msg-row.a)) .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="outline"] .msg-row.a:not(:has(+ .msg-row.a)) .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"] .msg-row.a:not(:has(+ .msg-row.a)) .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="frost-clear"] .msg-row.a:not(:has(+ .msg-row.a)) .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="thin"] .msg-row.a:not(:has(+ .msg-row.a)) .msg-bub{border-bottom-left-radius:6px}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="glass"] .msg-row.u:not(:has(+ .msg-row.u)) .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"] .msg-row.u:not(:has(+ .msg-row.u)) .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="outline"] .msg-row.u:not(:has(+ .msg-row.u)) .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"] .msg-row.u:not(:has(+ .msg-row.u)) .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="frost-clear"] .msg-row.u:not(:has(+ .msg-row.u)) .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="thin"] .msg-row.u:not(:has(+ .msg-row.u)) .msg-bub{border-bottom-right-radius:6px}
#v-chat #gx-chat[data-bub="glass"] .msgs,#v-chat #gx-chat[data-bub="jelly"] .msgs,#v-chat #gx-chat[data-bub="outline"] .msgs,#v-chat #gx-chat[data-bub="jelly-clear"] .msgs,#v-chat #gx-chat[data-bub="frost-clear"] .msgs,#v-chat #gx-chat[data-bub="thin"] .msgs{background:transparent}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="glass"] .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="glass"] .typing{background:rgba(255,255,255,.68);border-color:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 10px 22px -16px rgba(40,60,90,.5)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="glass"] .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 55%,rgba(255,255,255,.45));border-color:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 10px 22px -16px rgba(40,60,90,.5)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"] .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"] .typing{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.55));border-color:rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,inset 0 -3px 8px rgba(130,160,195,.16),0 8px 16px -12px rgba(40,60,90,.5);overflow:hidden}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"] .msg-row.u .msg-bub{background:linear-gradient(180deg,color-mix(in srgb,var(--mc,#a8c3e0) 62%,rgba(255,255,255,.8)),color-mix(in srgb,var(--mc,#a8c3e0) 88%,rgba(255,255,255,.3)));border-color:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -3px 8px rgba(60,95,140,.18),0 8px 16px -12px rgba(40,60,90,.55);overflow:hidden}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="outline"] .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="outline"] .typing{background:rgba(255,255,255,.3);border:1.2px solid rgba(70,90,115,.32);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="outline"] .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 22%,transparent);border:1.2px solid color-mix(in srgb,var(--mc,#a8c3e0) 65%,#3f5470)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"] .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"] .typing{background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.2));border-color:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(5px) saturate(1.5);backdrop-filter:blur(5px) saturate(1.5);box-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -8px 14px -8px rgba(255,255,255,.6),0 6px 14px -10px rgba(20,40,70,.5);overflow:hidden}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"] .msg-row.u .msg-bub{background:linear-gradient(180deg,color-mix(in srgb,var(--mc,#a8c3e0) 60%,rgba(255,255,255,.55)),color-mix(in srgb,var(--mc,#a8c3e0) 45%,transparent));border-color:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(5px) saturate(1.5);backdrop-filter:blur(5px) saturate(1.5);box-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -8px 14px -8px rgba(225,238,255,.6),0 6px 14px -10px rgba(20,40,70,.55);overflow:hidden}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="frost-clear"] .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="frost-clear"] .typing{background:rgba(255,255,255,.42);border-color:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 6px 16px -12px rgba(20,40,70,.5)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="frost-clear"] .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 55%,rgba(255,255,255,.18));border-color:rgba(255,255,255,.48);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 6px 16px -12px rgba(20,40,70,.5)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="thin"] .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="thin"] .typing{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="thin"] .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 34%,transparent);border-color:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"] .msg-row .msg-bub::before,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"] .typing::before{content:'';position:absolute;left:9px;width:42%;top:2px;height:36%;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0));pointer-events:none}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"] .msg-row .msg-bub::before,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"] .typing::before{content:'';position:absolute;left:9px;width:42%;top:2px;height:36%;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0));pointer-events:none}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="glass"].wp-dark .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="glass"].wp-dark .typing{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);box-shadow:none;color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="glass"].wp-dark .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 38%,rgba(255,255,255,.06));border-color:rgba(255,255,255,.18);box-shadow:none;color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="glass"]:not(.wp) .msg-row.a .msg-bub,:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="glass"]:not(.wp) .typing{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);box-shadow:none;color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}}
:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="glass"]:not(.wp) .msg-row.a .msg-bub,:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="glass"]:not(.wp) .typing{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);box-shadow:none;color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="glass"]:not(.wp) .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 38%,rgba(255,255,255,.06));border-color:rgba(255,255,255,.18);box-shadow:none;color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}}
:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="glass"]:not(.wp) .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 38%,rgba(255,255,255,.06));border-color:rgba(255,255,255,.18);box-shadow:none;color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"].wp-dark .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"].wp-dark .typing{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.07));border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"].wp-dark .msg-row.u .msg-bub{background:linear-gradient(180deg,color-mix(in srgb,var(--mc,#a8c3e0) 50%,rgba(255,255,255,.12)),color-mix(in srgb,var(--mc,#a8c3e0) 32%,rgba(255,255,255,.04)));border-color:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="jelly"]:not(.wp) .msg-row.a .msg-bub,:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="jelly"]:not(.wp) .typing{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.07));border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}}
:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="jelly"]:not(.wp) .msg-row.a .msg-bub,:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="jelly"]:not(.wp) .typing{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.07));border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="jelly"]:not(.wp) .msg-row.u .msg-bub{background:linear-gradient(180deg,color-mix(in srgb,var(--mc,#a8c3e0) 50%,rgba(255,255,255,.12)),color-mix(in srgb,var(--mc,#a8c3e0) 32%,rgba(255,255,255,.04)));border-color:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}}
:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="jelly"]:not(.wp) .msg-row.u .msg-bub{background:linear-gradient(180deg,color-mix(in srgb,var(--mc,#a8c3e0) 50%,rgba(255,255,255,.12)),color-mix(in srgb,var(--mc,#a8c3e0) 32%,rgba(255,255,255,.04)));border-color:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="outline"].wp-dark .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="outline"].wp-dark .typing{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.4);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="outline"].wp-dark .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 20%,transparent);border-color:color-mix(in srgb,var(--mc,#a8c3e0) 70%,#fff);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="outline"]:not(.wp) .msg-row.a .msg-bub,:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="outline"]:not(.wp) .typing{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.4);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}}
:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="outline"]:not(.wp) .msg-row.a .msg-bub,:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="outline"]:not(.wp) .typing{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.4);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="outline"]:not(.wp) .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 20%,transparent);border-color:color-mix(in srgb,var(--mc,#a8c3e0) 70%,#fff);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}}
:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="outline"]:not(.wp) .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 20%,transparent);border-color:color-mix(in srgb,var(--mc,#a8c3e0) 70%,#fff);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"].wp-dark .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"].wp-dark .typing{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.06));border-color:rgba(255,255,255,.4);box-shadow:inset 0 1px 1px rgba(255,255,255,.45);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"].wp-dark .msg-row.u .msg-bub{background:linear-gradient(180deg,color-mix(in srgb,var(--mc,#a8c3e0) 50%,rgba(255,255,255,.2)),color-mix(in srgb,var(--mc,#a8c3e0) 28%,transparent));border-color:rgba(255,255,255,.4);box-shadow:inset 0 1px 1px rgba(255,255,255,.5);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="jelly-clear"]:not(.wp) .msg-row.a .msg-bub,:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="jelly-clear"]:not(.wp) .typing{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.06));border-color:rgba(255,255,255,.4);box-shadow:inset 0 1px 1px rgba(255,255,255,.45);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}}
:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="jelly-clear"]:not(.wp) .msg-row.a .msg-bub,:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="jelly-clear"]:not(.wp) .typing{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.06));border-color:rgba(255,255,255,.4);box-shadow:inset 0 1px 1px rgba(255,255,255,.45);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="jelly-clear"]:not(.wp) .msg-row.u .msg-bub{background:linear-gradient(180deg,color-mix(in srgb,var(--mc,#a8c3e0) 50%,rgba(255,255,255,.2)),color-mix(in srgb,var(--mc,#a8c3e0) 28%,transparent));border-color:rgba(255,255,255,.4);box-shadow:inset 0 1px 1px rgba(255,255,255,.5);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}}
:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="jelly-clear"]:not(.wp) .msg-row.u .msg-bub{background:linear-gradient(180deg,color-mix(in srgb,var(--mc,#a8c3e0) 50%,rgba(255,255,255,.2)),color-mix(in srgb,var(--mc,#a8c3e0) 28%,transparent));border-color:rgba(255,255,255,.4);box-shadow:inset 0 1px 1px rgba(255,255,255,.5);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="frost-clear"].wp-dark .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="frost-clear"].wp-dark .typing{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24);box-shadow:none;color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="frost-clear"].wp-dark .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 36%,rgba(255,255,255,.06));border-color:rgba(255,255,255,.26);box-shadow:none;color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="frost-clear"]:not(.wp) .msg-row.a .msg-bub,:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="frost-clear"]:not(.wp) .typing{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24);box-shadow:none;color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}}
:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="frost-clear"]:not(.wp) .msg-row.a .msg-bub,:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="frost-clear"]:not(.wp) .typing{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24);box-shadow:none;color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="frost-clear"]:not(.wp) .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 36%,rgba(255,255,255,.06));border-color:rgba(255,255,255,.26);box-shadow:none;color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}}
:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="frost-clear"]:not(.wp) .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 36%,rgba(255,255,255,.06));border-color:rgba(255,255,255,.26);box-shadow:none;color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="thin"].wp-dark .msg-row.a .msg-bub,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="thin"].wp-dark .typing{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="thin"].wp-dark .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 24%,transparent);border-color:rgba(255,255,255,.5);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="thin"]:not(.wp) .msg-row.a .msg-bub,:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="thin"]:not(.wp) .typing{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}}
:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="thin"]:not(.wp) .msg-row.a .msg-bub,:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="thin"]:not(.wp) .typing{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="thin"]:not(.wp) .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 24%,transparent);border-color:rgba(255,255,255,.5);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}}
:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="thin"]:not(.wp) .msg-row.u .msg-bub{background:color-mix(in srgb,var(--mc,#a8c3e0) 24%,transparent);border-color:rgba(255,255,255,.5);color:#f2f5f8;text-shadow:0 1px 2px rgba(0,0,0,.28)}
#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"].wp-dark .msg-row .msg-bub::before,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly"].wp-dark .typing::before,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"].wp-dark .msg-row .msg-bub::before,#v-chat :is(#gx-chat,#wx-bub-preview)[data-bub="jelly-clear"].wp-dark .typing::before{opacity:.35}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="jelly"]:not(.wp) .msg-row .msg-bub::before,:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="jelly"]:not(.wp) .typing::before,:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="jelly-clear"]:not(.wp) .msg-row .msg-bub::before,:root:not([data-theme="light"]) #v-chat :is(#gx-chat,:root:not([data-theme="light"]) #wx-bub-preview)[data-bub="jelly-clear"]:not(.wp) .typing::before{opacity:.35}}
:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="jelly"]:not(.wp) .msg-row .msg-bub::before,:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="jelly"]:not(.wp) .typing::before,:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="jelly-clear"]:not(.wp) .msg-row .msg-bub::before,:root[data-theme="dark"] #v-chat :is(#gx-chat,:root[data-theme="dark"] #wx-bub-preview)[data-bub="jelly-clear"]:not(.wp) .typing::before{opacity:.35}
html.kb-open #v-chat #gx-chat .chat-input{padding-bottom:8px}
#v-chat #gx-chat:has(.ci-panel:not([hidden])) .chat-input{padding-bottom:8px}
#v-chat #gx-chat .ci-panel{margin:0 12px calc(10px + var(--sab))}
html.kb-open #v-chat #gx-chat .ci-panel{margin-bottom:10px}
#v-chat #gx-chat .more-icon{background:color-mix(in srgb,var(--mc,#a8c3e0) 18%,rgba(255,255,255,.85));border-color:color-mix(in srgb,var(--mc,#a8c3e0) 30%,#fff);color:color-mix(in srgb,var(--mc,#a8c3e0) 40%,#3f5470)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #v-chat #gx-chat .more-icon{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);color:var(--ink)}}
:root[data-theme="dark"] #v-chat #gx-chat .more-icon{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);color:var(--ink)}
#v-chat #gx-chat .msg-row.u+.msg-row.u .msg-av{visibility:hidden}
#v-chat #gx-chat.wp-dark{--im-float:rgba(38,44,56,.7);--im-float-line:rgba(255,255,255,.14);--im-float-shadow:0 10px 26px -12px rgba(0,0,0,.6);--ink:#eef2f6;--ink2:rgba(238,242,246,.72)}
#v-chat #gx-chat.wp-dark>.app-top::before{background:linear-gradient(180deg,rgba(22,27,38,.88) 0%,rgba(22,27,38,.55) 50%,transparent 100%)}
#v-chat #gx-chat.wp-dark .chat-input::before{background:linear-gradient(0deg,rgba(22,27,38,.88) 0%,rgba(22,27,38,.5) 55%,transparent 100%)}
#v-chat #gx-chat.wp-dark .chat-input #gx-ci,#v-chat #gx-chat.wp-dark .chat-input #voice-hold{color:#eef2f6}
#v-chat #gx-chat.wp-dark .wechat-chat-contact .app-title{color:#eef2f6}
#v-chat #gx-chat.wp:not(.wp-dark)>.app-top::before{background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.25) 50%,transparent 100%)}
#v-chat #gx-chat.wp:not(.wp-dark) .chat-input::before{background:linear-gradient(0deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.2) 55%,transparent 100%)}
#v-chat #gx-chat.wp-dark .msg-time{background:rgba(255,255,255,.14);color:rgba(255,255,255,.85)}
bubble style the user picked for the chat itself. */
#gx-chat{--it-bg:rgba(126,150,172,.13);--it-line:rgba(126,150,172,.38)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #gx-chat{--it-bg:rgba(143,168,190,.14);--it-line:rgba(143,168,190,.34)}}
:root[data-theme="dark"] #gx-chat{--it-bg:rgba(143,168,190,.14);--it-line:rgba(143,168,190,.34)}
#gx-chat .it-row{max-width:none}