.wechat-appearance-sheet {
  padding: 18px;
}

.wechat-appearance-options {
  display: grid;
  gap: 10px;
  margin: 14px 0 16px;
}

.wechat-appearance-option {
  width: 100%;
  border: 1px solid rgba(120, 120, 128, 0.18);
  border-radius: 14px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  color: var(--wechat-primary, var(--app-text));
  background: var(--wechat-surface, var(--app-card));
  font: inherit;
  cursor: pointer;
}

.wechat-appearance-option strong,
.wechat-appearance-option small {
  display: block;
}

.wechat-appearance-option strong {
  font-size: 15px;
  font-weight: 650;
}

.wechat-appearance-option small {
  margin-top: 3px;
  color: var(--wechat-secondary, var(--app-subtext));
  font-size: 12px;
  line-height: 1.35;
}

.wechat-appearance-check {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex: 0 0 22px;
  display: grid;
  place-items: center;
  color: transparent;
  border: 1px solid rgba(120, 120, 128, 0.35);
}

.wechat-appearance-option.is-active {
  border-color: rgba(7, 193, 96, 0.58);
  background: rgba(7, 193, 96, 0.08);
}

.wechat-appearance-option.is-active .wechat-appearance-check {
  color: #fff;
  border-color: #07c160;
  background: #07c160;
}

.wechat-app.wechat-app--chat-glass {
  --wechat-glass-line: rgba(255, 255, 255, 0.58);
  --wechat-glass-line-soft: rgba(255, 255, 255, 0.32);
  --wechat-glass-highlight: rgba(255, 255, 255, 0.72);
  --wechat-glass-surface: rgba(246, 247, 249, 0.48);
  --wechat-glass-surface-top: rgba(255, 255, 255, 0.58);
  --wechat-glass-surface-bottom: rgba(238, 240, 244, 0.36);
  --wechat-glass-control: rgba(246, 247, 250, 0.62);
  --wechat-glass-text: rgba(19, 20, 24, 0.94);
  --wechat-glass-muted: rgba(19, 20, 24, 0.50);
  --wechat-glass-shadow: rgba(16, 18, 22, 0.17);
  --wechat-glass-filter: blur(22px) saturate(160%) brightness(1.08);
  --wechat-glass-small-filter: blur(18px) saturate(150%) brightness(1.06);
  --wechat-glass-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.22);
}

[data-theme="dark"] .wechat-app.wechat-app--chat-glass {
  --wechat-glass-line: rgba(255, 255, 255, 0.24);
  --wechat-glass-line-soft: rgba(255, 255, 255, 0.13);
  --wechat-glass-highlight: rgba(255, 255, 255, 0.30);
  --wechat-glass-surface: rgba(22, 24, 29, 0.54);
  --wechat-glass-surface-top: rgba(62, 66, 74, 0.42);
  --wechat-glass-surface-bottom: rgba(10, 11, 14, 0.42);
  --wechat-glass-control: rgba(28, 30, 36, 0.68);
  --wechat-glass-text: rgba(255, 255, 255, 0.94);
  --wechat-glass-muted: rgba(255, 255, 255, 0.58);
  --wechat-glass-shadow: rgba(0, 0, 0, 0.30);
  --wechat-glass-filter: blur(24px) saturate(135%) brightness(0.92);
  --wechat-glass-small-filter: blur(18px) saturate(130%) brightness(0.92);
  --wechat-glass-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.20);
}

.wechat-app.wechat-app--chat-glass .wechat-content {
  background-color: var(--wechat-shell-bg) !important;
  background-size: cover !important;
  background-position: center !important;
}

.wechat-app.wechat-app--chat-glass .chat-room {
  background: transparent !important;
}

.wechat-app.wechat-app--chat-glass .wechat-header,
.wechat-app.wechat-app--chat-glass .input-area,
.wechat-app.wechat-app--chat-glass .plus-menu {
  color: var(--wechat-glass-text) !important;
  border-color: var(--wechat-glass-line) !important;
  background:
    linear-gradient(180deg, var(--wechat-glass-surface-top), var(--wechat-glass-surface-bottom)),
    var(--wechat-glass-control) !important;
  box-shadow:
    inset 0 1px 0 var(--wechat-glass-highlight),
    inset 0 -1px 0 var(--wechat-glass-line-soft),
    0 12px 32px var(--wechat-glass-shadow);
  text-shadow: var(--wechat-glass-text-shadow);
  backdrop-filter: var(--wechat-glass-filter);
  -webkit-backdrop-filter: var(--wechat-glass-filter);
}

.wechat-app.wechat-app--chat-glass .messages-area {
  padding: 14px 16px;
}

.wechat-app.wechat-app--chat-glass .msg-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.red-packet,
.wechat-app.wechat-app--chat-glass .msg-bubble.transfer,
.wechat-app.wechat-app--chat-glass .msg-bubble.music-card,
.wechat-app.wechat-app--chat-glass .msg-bubble.image-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.voice-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.sticker {
  color: var(--wechat-glass-text) !important;
  border: 1px solid var(--wechat-glass-line) !important;
  background:
    linear-gradient(150deg, var(--wechat-glass-surface-top), var(--wechat-glass-surface) 52%, var(--wechat-glass-surface-bottom)),
    linear-gradient(90deg, rgba(255, 255, 255, 0.18), transparent 36%, rgba(255, 255, 255, 0.10)),
    var(--wechat-glass-surface) !important;
  box-shadow:
    inset 0 1px 0 var(--wechat-glass-highlight),
    inset 0 0 0 0.5px var(--wechat-glass-line-soft),
    inset 0 -10px 24px rgba(255, 255, 255, 0.10),
    0 10px 24px var(--wechat-glass-shadow) !important;
  text-shadow: var(--wechat-glass-text-shadow);
  backdrop-filter: var(--wechat-glass-filter);
  -webkit-backdrop-filter: var(--wechat-glass-filter);
}

.wechat-app.wechat-app--chat-glass .message-wrapper.self .msg-bubble,
.wechat-app.wechat-app--chat-glass .message-wrapper.other .msg-bubble {
  color: var(--wechat-glass-text) !important;
  background:
    linear-gradient(150deg, var(--wechat-glass-surface-top), var(--wechat-glass-surface) 52%, var(--wechat-glass-surface-bottom)),
    linear-gradient(90deg, rgba(255, 255, 255, 0.18), transparent 36%, rgba(255, 255, 255, 0.10)),
    var(--wechat-glass-surface) !important;
}

.wechat-app.wechat-app--chat-glass .msg-bubble.sticker {
  padding: 7px !important;
}

.wechat-app.wechat-app--chat-glass .msg-bubble.image-bubble {
  padding: 7px !important;
}

.wechat-app.wechat-app--chat-glass .msg-bubble img {
  border-radius: inherit;
}

.wechat-app.wechat-app--chat-glass .msg-meta,
.wechat-app.wechat-app--chat-glass .msg-sender,
.wechat-app.wechat-app--chat-glass .time-divider {
  color: var(--wechat-glass-muted) !important;
}

.wechat-app.wechat-app--chat-glass .time-divider span,
.wechat-app.wechat-app--chat-glass .msg-quote-strip,
.wechat-app.wechat-app--chat-glass .quote-compose-preview {
  color: var(--wechat-glass-muted) !important;
  border-color: var(--wechat-glass-line) !important;
  background: var(--wechat-glass-control) !important;
  text-shadow: var(--wechat-glass-text-shadow);
  backdrop-filter: var(--wechat-glass-small-filter);
  -webkit-backdrop-filter: var(--wechat-glass-small-filter);
}

.wechat-app.wechat-app--chat-glass .input-area .msg-input,
.wechat-app.wechat-app--chat-glass .plus-menu-item .pmi-icon {
  color: var(--wechat-glass-text) !important;
  border: 1px solid var(--wechat-glass-line) !important;
  background:
    linear-gradient(180deg, var(--wechat-glass-surface-top), var(--wechat-glass-surface-bottom)),
    var(--wechat-glass-control) !important;
  box-shadow:
    inset 0 1px 0 var(--wechat-glass-highlight),
    inset 0 -1px 0 var(--wechat-glass-line-soft);
  text-shadow: var(--wechat-glass-text-shadow);
  backdrop-filter: var(--wechat-glass-small-filter);
  -webkit-backdrop-filter: var(--wechat-glass-small-filter);
}

.wechat-app.wechat-app--chat-glass .input-area .msg-input::placeholder {
  color: var(--wechat-glass-muted) !important;
}

.wechat-app.wechat-app--chat-glass .input-area .send-btn {
  color: var(--wechat-glass-text) !important;
  border: 1px solid var(--wechat-glass-line) !important;
  background:
    linear-gradient(145deg, var(--wechat-glass-surface-top), var(--wechat-glass-surface-bottom)),
    var(--wechat-glass-control) !important;
  box-shadow:
    inset 0 1px 0 var(--wechat-glass-highlight),
    0 8px 20px var(--wechat-glass-shadow);
  text-shadow: var(--wechat-glass-text-shadow);
  backdrop-filter: var(--wechat-glass-small-filter);
  -webkit-backdrop-filter: var(--wechat-glass-small-filter);
}

.wechat-app.wechat-app--chat-glass .red-packet .rp-subtitle,
.wechat-app.wechat-app--chat-glass .music-card .mc-artist,
.wechat-app.wechat-app--chat-glass .music-card .mc-tag {
  color: var(--wechat-glass-muted) !important;
}

@media (max-width: 380px) {
  .wechat-app.wechat-app--chat-glass .messages-area {
    padding-left: 12px;
    padding-right: 12px;
  }

  .wechat-app.wechat-app--chat-glass .msg-bubble {
    padding: 9px 12px;
  }
}

/* Stronger local frosted layer: the bubble itself stays transparent while
   this inner layer blurs whatever is behind the bubble as it scrolls. */
.wechat-app.wechat-app--chat-glass {
  --wechat-glass-local-filter: blur(34px) saturate(170%) brightness(1.06);
  --wechat-glass-local-fill: rgba(248, 249, 252, 0.18);
  --wechat-glass-local-top: rgba(255, 255, 255, 0.34);
  --wechat-glass-local-bottom: rgba(235, 238, 244, 0.12);
  --wechat-glass-local-glow: rgba(255, 255, 255, 0.48);
}

[data-theme="dark"] .wechat-app.wechat-app--chat-glass {
  --wechat-glass-local-filter: blur(36px) saturate(135%) brightness(0.94);
  --wechat-glass-local-fill: rgba(22, 24, 29, 0.24);
  --wechat-glass-local-top: rgba(255, 255, 255, 0.14);
  --wechat-glass-local-bottom: rgba(5, 6, 9, 0.20);
  --wechat-glass-local-glow: rgba(255, 255, 255, 0.20);
}

.wechat-app.wechat-app--chat-glass .msg-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.red-packet,
.wechat-app.wechat-app--chat-glass .msg-bubble.transfer,
.wechat-app.wechat-app--chat-glass .msg-bubble.music-card,
.wechat-app.wechat-app--chat-glass .msg-bubble.image-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.voice-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.sticker {
  position: relative;
  z-index: 0;
  isolation: isolate;
  overflow: hidden;
  background: transparent !important;
  border-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.wechat-app.wechat-app--chat-glass .msg-bubble::before,
.wechat-app.wechat-app--chat-glass .msg-bubble::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}

/* 微信式特殊消息：保持玻璃背景，但让支付/通话状态拥有明确层级。 */
.wechat-app.wechat-app--chat-glass .red-packet,
.wechat-app.wechat-app--chat-glass .transfer,
.wechat-app.wechat-app--chat-glass .wechat-call-card > button {
  border-radius: 14px !important;
}
.wechat-app.wechat-app--chat-glass .red-packet .rp-icon,
.wechat-app.wechat-app--chat-glass .transfer .tf-icon,
.wechat-app.wechat-app--chat-glass .wechat-call-card-icon { color: currentColor; }
.wechat-app.wechat-app--chat-glass .rp-icon svg,
.wechat-app.wechat-app--chat-glass .tf-icon svg,
.wechat-app.wechat-app--chat-glass .wechat-call-card-icon svg,
.wechat-app.wechat-app--chat-glass .wechat-call-card-state svg { fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; }
.wechat-app.wechat-app--chat-glass .wechat-call-card > button { min-width:176px; min-height:54px; display:flex; align-items:center; gap:11px; padding:10px 13px; color:var(--wechat-glass-text); background:rgba(255,255,255,.08) !important; border:1px solid var(--wechat-glass-line-soft) !important; text-align:left; }
.wechat-app.wechat-app--chat-glass .wechat-call-card-state { display:flex; align-items:center; gap:6px; color:var(--wechat-glass-muted); font-size:12px; }
.wechat-app.wechat-app--chat-glass .wechat-call-card-state i { width:17px; height:17px; display:grid; place-items:center; font-style:normal; }
.wechat-app.wechat-app--chat-glass .wechat-call-card-state svg { width:15px; height:15px; stroke-width:1.7; }
.wechat-app.wechat-app--chat-glass .wechat-call-card-state[data-call-state="ended"] { color:#70d49b; }
.wechat-app.wechat-app--chat-glass .wechat-call-card-state[data-call-state="rejected"],
.wechat-app.wechat-app--chat-glass .wechat-call-card-state[data-call-state="cancelled"] { color:#ff9a9a; }
.wechat-app.wechat-app--chat-glass .payment-state { color:var(--wechat-glass-muted); }
.wechat-app.wechat-app--chat-glass .payment-action { border:1px solid var(--wechat-glass-line-soft); color:var(--wechat-glass-text); background:rgba(255,255,255,.10); }
.wechat-app.wechat-app--chat-glass .payment-action--claim,
.wechat-app.wechat-app--chat-glass .payment-action--accept { color:#fff; background:#278b5b; }

/* 玻璃聊天中的通话消息也采用语音条气泡，避免独立白色卡片感。 */
.wechat-app.wechat-app--chat-glass .msg-bubble.wechat-call-card { width:min(var(--voice-width,224px),100%); min-width:0; max-width:100%; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
.wechat-app.wechat-app--chat-glass .wechat-call-card > button { width:100%; min-width:0; min-height:48px; padding:0 13px; gap:10px; border:1px solid var(--wechat-glass-line-soft) !important; border-radius:6px 20px 20px 20px !important; color:var(--wechat-glass-text) !important; background:var(--wechat-glass-backdrop-fill) !important; box-shadow:var(--wechat-glass-backdrop-shadow) !important; }
.wechat-app.wechat-app--chat-glass .message-wrapper.self .wechat-call-card > button { border-radius:20px 20px 6px 20px !important; }
.wechat-app.wechat-app--chat-glass .wechat-call-card-icon { width:24px; height:24px; flex-basis:24px; }
.wechat-app.wechat-app--chat-glass .wechat-call-card-icon svg { width:21px; height:21px; }
.wechat-app.wechat-app--chat-glass .wechat-call-card-state { gap:5px; font-size:12px; color:var(--wechat-glass-muted); }

.wechat-app.wechat-app--chat-glass .msg-bubble::before {
  z-index: -2;
  background:
    linear-gradient(150deg, var(--wechat-glass-local-top), var(--wechat-glass-local-fill) 54%, var(--wechat-glass-local-bottom)),
    var(--wechat-glass-local-fill);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    inset 0 -10px 22px rgba(255, 255, 255, 0.08),
    0 10px 24px var(--wechat-glass-shadow);
  backdrop-filter: var(--wechat-glass-local-filter);
  -webkit-backdrop-filter: var(--wechat-glass-local-filter);
}

.wechat-app.wechat-app--chat-glass .msg-bubble::after {
  z-index: -1;
  border: 1px solid var(--wechat-glass-line);
  background:
    radial-gradient(circle at 18% 0%, var(--wechat-glass-local-glow), transparent 34%),
    linear-gradient(115deg, rgba(255, 255, 255, 0.12), transparent 42%, rgba(255, 255, 255, 0.06));
  box-shadow:
    inset 0 0 0 0.5px var(--wechat-glass-line-soft),
    inset 0 1px 0 var(--wechat-glass-highlight);
}

.wechat-app.wechat-app--chat-glass .msg-bubble > * {
  position: relative;
  z-index: 1;
}
/* High-transparency glass pass: keep blur and edge light, remove the white pill look. */
.wechat-app.wechat-app--chat-glass {
  --wechat-glass-line: rgba(255, 255, 255, 0.46);
  --wechat-glass-line-soft: rgba(255, 255, 255, 0.20);
  --wechat-glass-highlight: rgba(255, 255, 255, 0.42);
  --wechat-glass-local-filter: blur(30px) saturate(180%) brightness(1.03);
  --wechat-glass-local-fill: rgba(255, 255, 255, 0.055);
  --wechat-glass-local-top: rgba(255, 255, 255, 0.13);
  --wechat-glass-local-bottom: rgba(255, 255, 255, 0.035);
  --wechat-glass-local-glow: rgba(255, 255, 255, 0.26);
  --wechat-glass-text: rgba(18, 19, 23, 0.92);
  --wechat-glass-muted: rgba(18, 19, 23, 0.46);
  --wechat-glass-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.18), 0 0 8px rgba(255, 255, 255, 0.18);
}

[data-theme="dark"] .wechat-app.wechat-app--chat-glass {
  --wechat-glass-line: rgba(255, 255, 255, 0.30);
  --wechat-glass-line-soft: rgba(255, 255, 255, 0.14);
  --wechat-glass-highlight: rgba(255, 255, 255, 0.26);
  --wechat-glass-local-filter: blur(32px) saturate(140%) brightness(0.92);
  --wechat-glass-local-fill: rgba(255, 255, 255, 0.045);
  --wechat-glass-local-top: rgba(255, 255, 255, 0.10);
  --wechat-glass-local-bottom: rgba(0, 0, 0, 0.10);
  --wechat-glass-local-glow: rgba(255, 255, 255, 0.16);
  --wechat-glass-text: rgba(255, 255, 255, 0.92);
  --wechat-glass-muted: rgba(255, 255, 255, 0.52);
  --wechat-glass-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.34), 0 0 9px rgba(0, 0, 0, 0.18);
}

.wechat-app.wechat-app--chat-glass .msg-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.red-packet,
.wechat-app.wechat-app--chat-glass .msg-bubble.transfer,
.wechat-app.wechat-app--chat-glass .msg-bubble.music-card,
.wechat-app.wechat-app--chat-glass .msg-bubble.music-card.lnyy-music-card,
.wechat-app.wechat-app--chat-glass .msg-bubble.image-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.voice-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.sticker {
  color: var(--wechat-glass-text) !important;
  background: rgba(255, 255, 255, 0.015) !important;
  border-color: transparent !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08) !important;
  text-shadow: var(--wechat-glass-text-shadow);
}

.wechat-app.wechat-app--chat-glass .msg-bubble::before {
  background:
    linear-gradient(150deg, var(--wechat-glass-local-top), var(--wechat-glass-local-fill) 48%, var(--wechat-glass-local-bottom)),
    var(--wechat-glass-local-fill);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.20),
    inset 0 -8px 18px rgba(255, 255, 255, 0.035),
    0 8px 18px rgba(0, 0, 0, 0.08);
}

.wechat-app.wechat-app--chat-glass .msg-bubble::after {
  border-color: var(--wechat-glass-line);
  background:
    radial-gradient(circle at 18% 0%, var(--wechat-glass-local-glow), transparent 30%),
    linear-gradient(115deg, rgba(255, 255, 255, 0.08), transparent 42%, rgba(255, 255, 255, 0.04));
  box-shadow:
    inset 0 0 0 0.5px var(--wechat-glass-line-soft),
    inset 0 1px 0 var(--wechat-glass-highlight);
}

.wechat-app.wechat-app--chat-glass .music-card .mc-title,
.wechat-app.wechat-app--chat-glass .music-card .mc-artist,
.wechat-app.wechat-app--chat-glass .music-card .mc-tag,
.wechat-app.wechat-app--chat-glass .red-packet .rp-subtitle,
.wechat-app.wechat-app--chat-glass .transfer .tf-title,
.wechat-app.wechat-app--chat-glass .transfer .tf-amount {
  color: inherit !important;
  text-shadow: var(--wechat-glass-text-shadow);
}
/* Match the earlier self/other selector specificity so plain contact bubbles also stay high-transparency and blur their own backdrop. */
.wechat-app.wechat-app--chat-glass .message-wrapper.self .msg-bubble,
.wechat-app.wechat-app--chat-glass .message-wrapper.other .msg-bubble {
  color: var(--wechat-glass-text) !important;
  background: rgba(255, 255, 255, 0.015) !important;
  border-color: transparent !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08) !important;
  text-shadow: var(--wechat-glass-text-shadow) !important;
  backdrop-filter: var(--wechat-glass-local-filter) !important;
  -webkit-backdrop-filter: var(--wechat-glass-local-filter) !important;
}

.wechat-app.wechat-app--chat-glass .message-wrapper.self .msg-bubble::before,
.wechat-app.wechat-app--chat-glass .message-wrapper.other .msg-bubble::before {
  background:
    linear-gradient(150deg, var(--wechat-glass-local-top), var(--wechat-glass-local-fill) 48%, var(--wechat-glass-local-bottom)),
    var(--wechat-glass-local-fill) !important;
}
/* Final safety net: every glass bubble element keeps the actual backdrop blur on the element itself. */
.wechat-app.wechat-app--chat-glass .msg-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.red-packet,
.wechat-app.wechat-app--chat-glass .msg-bubble.transfer,
.wechat-app.wechat-app--chat-glass .msg-bubble.music-card,
.wechat-app.wechat-app--chat-glass .msg-bubble.music-card.lnyy-music-card,
.wechat-app.wechat-app--chat-glass .msg-bubble.image-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.voice-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.sticker {
  backdrop-filter: var(--wechat-glass-local-filter) !important;
  -webkit-backdrop-filter: var(--wechat-glass-local-filter) !important;
}
/* V7 stronger frosted backdrop: keep high transparency while making the sampled background blur visible. */
.wechat-app.wechat-app--chat-glass {
  --wechat-glass-local-filter: blur(58px) saturate(190%) brightness(1.03);
  --wechat-glass-local-fill: rgba(255, 255, 255, 0.070);
  --wechat-glass-local-top: rgba(255, 255, 255, 0.16);
  --wechat-glass-local-bottom: rgba(255, 255, 255, 0.045);
  --wechat-glass-local-glow: rgba(255, 255, 255, 0.34);
  --wechat-glass-edge-shadow: rgba(0, 0, 0, 0.12);
}

[data-theme="dark"] .wechat-app.wechat-app--chat-glass {
  --wechat-glass-local-filter: blur(52px) saturate(150%) brightness(0.92);
  --wechat-glass-local-fill: rgba(255, 255, 255, 0.055);
  --wechat-glass-local-top: rgba(255, 255, 255, 0.12);
  --wechat-glass-local-bottom: rgba(0, 0, 0, 0.12);
  --wechat-glass-local-glow: rgba(255, 255, 255, 0.18);
  --wechat-glass-edge-shadow: rgba(0, 0, 0, 0.22);
}

.wechat-app.wechat-app--chat-glass .msg-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.red-packet,
.wechat-app.wechat-app--chat-glass .msg-bubble.transfer,
.wechat-app.wechat-app--chat-glass .msg-bubble.music-card,
.wechat-app.wechat-app--chat-glass .msg-bubble.music-card.lnyy-music-card,
.wechat-app.wechat-app--chat-glass .msg-bubble.image-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.voice-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.sticker,
.wechat-app.wechat-app--chat-glass .message-wrapper.self .msg-bubble,
.wechat-app.wechat-app--chat-glass .message-wrapper.other .msg-bubble {
  background: rgba(255, 255, 255, 0.025) !important;
  box-shadow: 0 9px 22px var(--wechat-glass-edge-shadow) !important;
  backdrop-filter: var(--wechat-glass-local-filter) !important;
  -webkit-backdrop-filter: var(--wechat-glass-local-filter) !important;
}

.wechat-app.wechat-app--chat-glass .msg-bubble::before,
.wechat-app.wechat-app--chat-glass .message-wrapper.self .msg-bubble::before,
.wechat-app.wechat-app--chat-glass .message-wrapper.other .msg-bubble::before {
  background:
    linear-gradient(150deg, var(--wechat-glass-local-top), var(--wechat-glass-local-fill) 46%, var(--wechat-glass-local-bottom)),
    var(--wechat-glass-local-fill) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -9px 20px rgba(255, 255, 255, 0.045),
    0 9px 22px var(--wechat-glass-edge-shadow) !important;
}

.wechat-app.wechat-app--chat-glass .msg-bubble::after {
  border-color: var(--wechat-glass-line) !important;
  background:
    radial-gradient(circle at 18% 0%, var(--wechat-glass-local-glow), transparent 31%),
    linear-gradient(115deg, rgba(255, 255, 255, 0.10), transparent 42%, rgba(255, 255, 255, 0.045)) !important;
}
/* V8 glass-mode music card polish: loaded after the base music layout, so repeat the compact rules here. */
.wechat-app.wechat-app--chat-glass .msg-bubble.music-card.lnyy-music-card {
  width: min(252px, 74vw) !important;
  max-width: 350px !important;
  min-width: 0 !important;
  padding: 12px 12px 10px !important;
  border-radius: 18px !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-kicker {
  height: 12px !important;
  margin: 0 0 5px !important;
  font-size: 5.5px !important;
  line-height: 1 !important;
  letter-spacing: .075em !important;
  gap: 4px !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-kicker span {
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  white-space: nowrap !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-main {
  grid-template-columns: 98px minmax(0, 1fr) !important;
  gap: 14px !important;
  min-height: 82px !important;
  align-items: center !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-copy {
  min-width: 0 !important;
  gap: 5px !important;
  padding: 1px 0 0 !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-copy strong {
  max-height: 38px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-copy > span {
  max-width: 100% !important;
  font-size: 10.5px !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-play {
  position: relative !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #fff !important;
  text-indent: 0 !important;
  overflow: hidden !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-play::before {
  content: none !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-play svg {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  min-height: 30px !important;
  margin-top: 10px !important;
  padding-top: 8px !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-footer > i {
  display: none !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-footer span {
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-footer b,
.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-footer small {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-footer span:first-child b {
  font-size: 10px !important;
  line-height: 1.2 !important;
}

.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-footer span:nth-child(2) b,
.wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-footer small {
  font-size: 8.5px !important;
  line-height: 1.2 !important;
}

@media (max-width: 390px) {
  .wechat-app.wechat-app--chat-glass .msg-bubble.music-card.lnyy-music-card {
    width: min(238px, 76vw) !important;
    padding: 11px 11px 9px !important;
  }

  .wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-main {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .wechat-app.wechat-app--chat-glass .lnyy-music-card .mc-copy strong {
    font-size: 14px !important;
  }
}

/* V9 adaptive glass: preserve the wallpaper sample instead of whitening it. */
.wechat-app.wechat-app--chat-glass {
  --wechat-glass-adaptive-filter: blur(20px) saturate(138%) contrast(1.04) brightness(1.02);
  --wechat-glass-adaptive-fill: rgba(255, 255, 255, 0.028);
  --wechat-glass-adaptive-highlight: rgba(255, 255, 255, 0.22);
  --wechat-glass-adaptive-shade: rgba(20, 22, 28, 0.035);
  --wechat-glass-adaptive-line: rgba(255, 255, 255, 0.42);
  --wechat-glass-adaptive-line-soft: rgba(255, 255, 255, 0.18);
  --wechat-glass-adaptive-shadow: 0 7px 18px rgba(15, 18, 24, 0.14), 0 1px 3px rgba(15, 18, 24, 0.10);
  --wechat-glass-adaptive-inner: inset 0 1px 0 rgba(255, 255, 255, 0.42), inset 0 -1px 0 rgba(18, 20, 26, 0.08);
}

[data-theme="dark"] .wechat-app.wechat-app--chat-glass {
  --wechat-glass-adaptive-filter: blur(26px) saturate(124%) contrast(1.10) brightness(0.78);
  --wechat-glass-adaptive-fill: rgba(8, 10, 14, 0.10);
  --wechat-glass-adaptive-highlight: rgba(255, 255, 255, 0.16);
  --wechat-glass-adaptive-shade: rgba(0, 0, 0, 0.30);
  --wechat-glass-adaptive-line: rgba(255, 255, 255, 0.28);
  --wechat-glass-adaptive-line-soft: rgba(255, 255, 255, 0.10);
  --wechat-glass-adaptive-shadow: 0 14px 34px rgba(0, 0, 0, 0.48), 0 3px 9px rgba(0, 0, 0, 0.34);
  --wechat-glass-adaptive-inner: inset 0 1px 0 rgba(255, 255, 255, 0.24), inset 0 -12px 22px rgba(0, 0, 0, 0.22);
}

.wechat-app.wechat-app--chat-glass .msg-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.red-packet,
.wechat-app.wechat-app--chat-glass .msg-bubble.transfer,
.wechat-app.wechat-app--chat-glass .msg-bubble.music-card,
.wechat-app.wechat-app--chat-glass .msg-bubble.music-card.lnyy-music-card,
.wechat-app.wechat-app--chat-glass .msg-bubble.image-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.voice-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.sticker,
.wechat-app.wechat-app--chat-glass .message-wrapper.self .msg-bubble,
.wechat-app.wechat-app--chat-glass .message-wrapper.other .msg-bubble {
  background: var(--wechat-glass-adaptive-fill) !important;
  border: 1px solid var(--wechat-glass-adaptive-line) !important;
  box-shadow: var(--wechat-glass-adaptive-inner), var(--wechat-glass-adaptive-shadow) !important;
  backdrop-filter: var(--wechat-glass-adaptive-filter) !important;
  -webkit-backdrop-filter: var(--wechat-glass-adaptive-filter) !important;
}

.wechat-app.wechat-app--chat-glass .msg-bubble::before,
.wechat-app.wechat-app--chat-glass .message-wrapper.self .msg-bubble::before,
.wechat-app.wechat-app--chat-glass .message-wrapper.other .msg-bubble::before {
  background: linear-gradient(145deg, var(--wechat-glass-adaptive-highlight), transparent 46%, var(--wechat-glass-adaptive-shade)) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.wechat-app.wechat-app--chat-glass .msg-bubble::after {
  border-color: var(--wechat-glass-adaptive-line-soft) !important;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.10), transparent 36%, rgba(255, 255, 255, 0.025)) !important;
  box-shadow: inset 0 0 0 0.5px var(--wechat-glass-adaptive-line-soft) !important;
}

[data-theme="dark"] .wechat-app.wechat-app--chat-glass .msg-bubble::after {
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.075), transparent 34%, rgba(0, 0, 0, 0.14)) !important;
}

/* V10: keep the wallpaper and bubbles in the same backdrop sampling chain. */
.wechat-app.wechat-app--chat-glass {
  --wechat-glass-backdrop-filter: blur(5px) saturate(118%) contrast(1.03) brightness(1.04);
  --wechat-glass-backdrop-fill: linear-gradient(155deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.075) 44%, rgba(235, 241, 245, 0.035) 72%, rgba(255, 255, 255, 0.13));
  --wechat-glass-backdrop-line: rgba(255, 255, 255, 0.52);
  --wechat-glass-backdrop-shadow: 0 6px 16px rgba(14, 18, 24, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.64), inset 0 -1px 0 rgba(18, 28, 38, 0.08);
  --wechat-glass-chrome-filter: blur(6px) saturate(118%) contrast(1.03) brightness(1.04);
  --wechat-glass-chrome-fill: linear-gradient(145deg, rgba(255, 255, 255, 0.25), rgba(247, 250, 252, 0.075) 58%, rgba(229, 237, 243, 0.04));
  --wechat-glass-chrome-line: rgba(255, 255, 255, 0.52);
  --wechat-glass-chrome-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64), inset 0 -1px 0 rgba(30, 44, 58, 0.055), 0 10px 26px rgba(16, 25, 34, 0.11);
}

[data-theme="dark"] .wechat-app.wechat-app--chat-glass {
  --wechat-glass-backdrop-filter: blur(6px) saturate(110%) contrast(1.04) brightness(0.90);
  --wechat-glass-backdrop-fill: linear-gradient(155deg, rgba(255, 255, 255, 0.13), rgba(18, 22, 28, 0.075) 44%, rgba(5, 8, 12, 0.10) 76%, rgba(255, 255, 255, 0.055));
  --wechat-glass-backdrop-line: rgba(255, 255, 255, 0.30);
  --wechat-glass-backdrop-shadow: 0 8px 20px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.22);
  --wechat-glass-chrome-filter: blur(6px) saturate(108%) contrast(1.04) brightness(0.90);
  --wechat-glass-chrome-fill: linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(18, 22, 28, 0.085) 58%, rgba(5, 8, 12, 0.12));
  --wechat-glass-chrome-line: rgba(255, 255, 255, 0.30);
  --wechat-glass-chrome-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26), inset 0 -1px 0 rgba(0, 0, 0, 0.22), 0 12px 28px rgba(0, 0, 0, 0.26);
}

.wechat-app.wechat-app--chat-glass .chat-room,
.wechat-app.wechat-app--chat-glass .message-wrapper {
  animation-fill-mode: none !important;
}

.wechat-app.wechat-app--chat-glass .msg-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.red-packet,
.wechat-app.wechat-app--chat-glass .msg-bubble.transfer,
.wechat-app.wechat-app--chat-glass .msg-bubble.music-card,
.wechat-app.wechat-app--chat-glass .msg-bubble.music-card.lnyy-music-card,
.wechat-app.wechat-app--chat-glass .msg-bubble.image-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.voice-bubble,
.wechat-app.wechat-app--chat-glass .msg-bubble.sticker,
.wechat-app.wechat-app--chat-glass .message-wrapper.self .msg-bubble,
.wechat-app.wechat-app--chat-glass .message-wrapper.other .msg-bubble {
  isolation: auto !important;
  background: var(--wechat-glass-backdrop-fill) !important;
  border-color: var(--wechat-glass-backdrop-line) !important;
  box-shadow: var(--wechat-glass-backdrop-shadow) !important;
  backdrop-filter: var(--wechat-glass-backdrop-filter) !important;
  -webkit-backdrop-filter: var(--wechat-glass-backdrop-filter) !important;
}

.wechat-app.wechat-app--chat-glass .msg-bubble::before,
.wechat-app.wechat-app--chat-glass .msg-bubble::after {
  content: none !important;
  display: none !important;
}

/* Reference-layout pass: separate the chat chrome into suspended glass pieces. */
.wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header {
  position: absolute;
  /* The app shell already starts below the system status bar. */
  top: 0;
  left: 0;
  right: 0;
  height: 76px;
  min-height: 76px;
  margin-top: 0;
  padding: 12px 16px 10px;
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(246, 249, 252, 0.035), rgba(246, 249, 252, 0.012) 52%, transparent 100%);
  -webkit-backdrop-filter: blur(5px) saturate(112%);
  backdrop-filter: blur(5px) saturate(112%);
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.52) 40%, rgba(0, 0, 0, 0.18) 76%, transparent 100%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.52) 40%, rgba(0, 0, 0, 0.18) 76%, transparent 100%);
}

[data-theme="dark"] .wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header::after {
  background: linear-gradient(180deg, rgba(10, 12, 16, 0.045), rgba(10, 12, 16, 0.014) 52%, transparent 100%);
}

.phone-container.lnyy-statusbar-hidden .wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header::after {
  top: calc(0px - var(--safe-top-inset, 0px));
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header > * {
  position: relative;
  z-index: 1;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header .header-action,
.wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header .header-title,
.wechat-app.wechat-app--chat-glass[data-view="chat"] .input-area,
.wechat-app.wechat-app--chat-glass[data-view="chat"] .plus-menu {
  border: 1px solid var(--wechat-glass-chrome-line) !important;
  background: var(--wechat-glass-chrome-fill) !important;
  box-shadow: var(--wechat-glass-chrome-shadow) !important;
  backdrop-filter: var(--wechat-glass-chrome-filter) !important;
  -webkit-backdrop-filter: var(--wechat-glass-chrome-filter) !important;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header .header-action {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 50% !important;
  color: var(--wechat-glass-text) !important;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header .header-action svg {
  width: 19px;
  height: 19px;
  stroke-width: 1.8;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header .header-title {
  width: fit-content;
  min-width: 98px;
  max-width: min(48vw, 190px);
  height: 40px;
  justify-self: center;
  padding: 0 18px;
  border-radius: 21px;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header .glass-chat-avatar-pair {
  min-width: 72px;
  padding: 0 9px;
  flex-direction: row;
  gap: 0;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .glass-chat-header-avatar {
  width: 29px;
  height: 29px;
  flex: 0 0 29px;
  border: 1.5px solid rgba(255, 255, 255, 0.82);
  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(16, 25, 34, 0.16);
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .glass-chat-header-avatar + .glass-chat-header-avatar {
  margin-left: -7px;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .glass-chat-header-avatar img,
.wechat-app.wechat-app--chat-glass[data-view="chat"] .glass-chat-header-avatar .wechat-avatar-initial {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header .header-title strong {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header .header-title small {
  margin-top: 1px;
  font-size: 9px;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .messages-area {
  gap: 18px !important;
  padding: calc(116px + var(--safe-top-inset, 0px)) 18px 18px !important;
  scroll-padding-bottom: 104px !important;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .message-wrapper {
  gap: 9px !important;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .glass-msg-avatar-column {
  width: 38px;
  flex: 0 0 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .glass-msg-avatar-column .msg-avatar {
  flex: 0 0 38px;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .glass-msg-avatar-column .msg-meta {
  min-height: 9px;
  margin: 0 !important;
  justify-content: center !important;
  font-size: 8px;
  font-weight: 500;
  line-height: 9px;
  opacity: 0.72;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .glass-msg-avatar-column .msg-meta time {
  min-width: 0;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .cherry-read {
  display: none !important;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .msg-bubble {
  border-radius: 22px !important;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .input-area {
  z-index: 12;
  min-height: 50px;
  margin: 0 10px calc(10px + var(--safe-bottom-inset, 0px));
  padding: 5px 7px;
  border-radius: 25px;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .input-area .input-extra,
.wechat-app.wechat-app--chat-glass[data-view="chat"] .input-area .send-btn {
  width: 34px;
  height: 34px;
  min-width: 34px;
  flex-basis: 34px;
  color: var(--wechat-glass-text) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .input-area .msg-input {
  min-height: 34px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.065) !important;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .input-area #stickerLibraryBtn {
  display: none !important;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .plus-menu {
  position: absolute;
  left: auto;
  right: 10px;
  bottom: calc(74px + var(--safe-bottom-inset, 0px));
  width: 34%;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 10px 12px;
  border-radius: 28px;
  transform-origin: right bottom;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .plus-menu-item {
  min-height: 46px;
  padding: 4px 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 13px;
  border-radius: 16px;
  color: var(--wechat-glass-text) !important;
  font-size: 16px;
  font-weight: 650;
  text-align: left;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .plus-menu-item .pmi-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .plus-menu-item .composer-icon {
  width: 25px;
  height: 25px;
}

.wechat-app.wechat-app--chat-glass[data-view="chat"] .plus-menu-item:active {
  background: rgba(255, 255, 255, 0.12);
}

@media (max-width: 380px) {
  .wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header {
    padding-left: 11px;
    padding-right: 11px;
  }

  .wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header .header-title {
    min-width: 82px;
    padding: 0 13px;
  }

  .wechat-app.wechat-app--chat-glass[data-view="chat"] .wechat-header .glass-chat-avatar-pair {
    min-width: 74px;
    padding: 0 9px;
  }

  .wechat-app.wechat-app--chat-glass[data-view="chat"] .messages-area {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .wechat-app.wechat-app--chat-glass[data-view="chat"] .input-area {
    margin-left: 7px;
    margin-right: 7px;
  }

  .wechat-app.wechat-app--chat-glass[data-view="chat"] .plus-menu {
    right: 7px;
  }
}

/* Glass recent-chats page: grouped cards keep the selected wallpaper visible. */
.wechat-app[data-chat-ui="glass"][data-view="main"] {
  --wechat-glass-text: rgba(18, 19, 23, .92);
  --wechat-glass-muted: rgba(18, 19, 23, .50);
  --wechat-glass-text-shadow: 0 1px 1px rgba(255, 255, 255, .22);
  --wechat-glass-backdrop-filter: blur(5px) saturate(118%) contrast(1.03) brightness(1.04);
  --wechat-glass-backdrop-fill: linear-gradient(155deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .075) 44%, rgba(235, 241, 245, .035) 72%, rgba(255, 255, 255, .13));
  --wechat-glass-backdrop-line: rgba(255, 255, 255, .52);
  --wechat-glass-backdrop-shadow: 0 6px 16px rgba(14, 18, 24, .10), inset 0 1px 0 rgba(255, 255, 255, .64), inset 0 -1px 0 rgba(18, 28, 38, .08);
  --wechat-glass-chrome-filter: blur(6px) saturate(118%) contrast(1.03) brightness(1.04);
  --wechat-glass-chrome-fill: linear-gradient(145deg, rgba(255, 255, 255, .25), rgba(247, 250, 252, .075) 58%, rgba(229, 237, 243, .04));
  --wechat-glass-chrome-line: rgba(255, 255, 255, .52);
  --wechat-glass-chrome-shadow: inset 0 1px 0 rgba(255, 255, 255, .64), inset 0 -1px 0 rgba(30, 44, 58, .055), 0 10px 26px rgba(16, 25, 34, .11);
}

.phone-container.lnyy-wechat-glass-chrome .wechat-app[data-chat-ui="glass"] {
  background-color: #dfe5ec !important;
  background-image: var(--wechat-glass-page-bg, none) !important;
  background-size: cover !important;
  background-position: center !important;
}

.phone-container.lnyy-wechat-glass-chrome .wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-content {
  background-color: transparent !important;
  background-image: none !important;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-header,
.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-tabbar {
  color: var(--wechat-glass-text) !important;
  border-color: var(--wechat-glass-chrome-line) !important;
  background: var(--wechat-glass-chrome-fill) !important;
  box-shadow: var(--wechat-glass-chrome-shadow) !important;
  backdrop-filter: var(--wechat-glass-chrome-filter) !important;
  -webkit-backdrop-filter: var(--wechat-glass-chrome-filter) !important;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-search {
  margin: 10px 14px 14px;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-search.wechat-list-search {
  color: var(--wechat-glass-text);
  border: 1px solid var(--wechat-glass-backdrop-line);
  background: var(--wechat-glass-backdrop-fill);
  box-shadow: var(--wechat-glass-backdrop-shadow);
  backdrop-filter: var(--wechat-glass-backdrop-filter);
  -webkit-backdrop-filter: var(--wechat-glass-backdrop-filter);
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-search input,
.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-search input::placeholder {
  color: var(--wechat-glass-text);
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-search input::placeholder {
  opacity: .48;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-sections {
  padding: 2px 14px 18px;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-section {
  margin-bottom: 21px;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-section-title {
  min-height: 31px;
  padding: 0 5px 7px;
  color: var(--wechat-glass-text);
  text-shadow: var(--wechat-glass-text-shadow);
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-section-name {
  font-size: 15px;
  font-weight: 650;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-section-count {
  color: var(--wechat-glass-muted);
  font-size: 12px;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-section-card {
  position: relative;
  isolation: isolate;
  margin: 0;
  overflow: hidden;
  background: var(--wechat-glass-backdrop-fill) !important;
  border: 1px solid var(--wechat-glass-backdrop-line) !important;
  border-radius: 23px;
  box-shadow: var(--wechat-glass-backdrop-shadow) !important;
  backdrop-filter: blur(7px) saturate(126%) contrast(1.06) brightness(1.04);
  -webkit-backdrop-filter: blur(7px) saturate(126%) contrast(1.06) brightness(1.04);
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-section-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -38% -18%;
  pointer-events: none;
  opacity: .66;
  background:
    radial-gradient(ellipse 48% 18% at 18% 36%, rgba(255, 255, 255, .38), transparent 72%),
    radial-gradient(ellipse 42% 14% at 79% 62%, rgba(255, 255, 255, .20), transparent 74%);
  transform: rotate(-7deg);
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .chat-swipe-row,
.wechat-app[data-chat-ui="glass"][data-view="main"] .chat-swipe-row.pinned .chat-item,
.wechat-app[data-chat-ui="glass"][data-view="main"] .chat-item {
  background: transparent !important;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .chat-item {
  min-height: 76px;
  color: var(--wechat-glass-text);
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .chat-item:hover,
.wechat-app[data-chat-ui="glass"][data-view="main"] .chat-item:active {
  background: rgba(255, 255, 255, .10) !important;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .chat-item::after {
  left: 75px;
  right: 18px;
  background: var(--wechat-glass-backdrop-line);
  opacity: .58;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .chat-avatar {
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(14, 18, 24, .12);
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .chat-name,
.wechat-app[data-chat-ui="glass"][data-view="main"] .chat-info .chat-name {
  color: var(--wechat-glass-text);
  text-shadow: var(--wechat-glass-text-shadow);
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .chat-info .chat-preview,
.wechat-app[data-chat-ui="glass"][data-view="main"] .chat-meta .chat-time {
  color: var(--wechat-glass-muted);
}

[data-theme="dark"] .phone-container.lnyy-wechat-glass-chrome .wechat-app[data-chat-ui="glass"] {
  background-color: #171b20 !important;
}

[data-theme="dark"] .wechat-app[data-chat-ui="glass"][data-view="main"] {
  --wechat-glass-text: rgba(255, 255, 255, .92);
  --wechat-glass-muted: rgba(255, 255, 255, .56);
  --wechat-glass-text-shadow: 0 1px 2px rgba(0, 0, 0, .34);
  --wechat-glass-backdrop-filter: blur(6px) saturate(110%) contrast(1.04) brightness(.90);
  --wechat-glass-backdrop-fill: linear-gradient(155deg, rgba(255, 255, 255, .13), rgba(18, 22, 28, .075) 44%, rgba(5, 8, 12, .10) 76%, rgba(255, 255, 255, .055));
  --wechat-glass-backdrop-line: rgba(255, 255, 255, .30);
  --wechat-glass-backdrop-shadow: 0 8px 20px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(0, 0, 0, .22);
  --wechat-glass-chrome-filter: blur(6px) saturate(108%) contrast(1.04) brightness(.90);
  --wechat-glass-chrome-fill: linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(18, 22, 28, .085) 58%, rgba(5, 8, 12, .12));
  --wechat-glass-chrome-line: rgba(255, 255, 255, .30);
  --wechat-glass-chrome-shadow: inset 0 1px 0 rgba(255, 255, 255, .26), inset 0 -1px 0 rgba(0, 0, 0, .22), 0 12px 28px rgba(0, 0, 0, .26);
}

[data-theme="dark"] .wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-section-card::before {
  opacity: .38;
}

@media (prefers-reduced-motion: no-preference) {
  .wechat-app[data-chat-ui="glass"][data-view="main"] .wechat-chat-section-card::before {
    animation: wechat-glass-ripple 10s ease-in-out infinite alternate;
  }
}

@keyframes wechat-glass-ripple {
  from { transform: translate3d(-1%, -1%, 0) rotate(-7deg) scale(1.01); }
  to { transform: translate3d(2%, 2%, 0) rotate(-3deg) scale(1.05); }
}

/* Shared high-transparency chrome for the glass WeChat shell. */
.phone-container.lnyy-wechat-glass-chrome:has(.wechat-app[data-chat-ui="glass"]) {
  background-image: var(--wechat-glass-page-bg, none) !important;
  background-size: cover !important;
  background-position: center !important;
}

.phone-container.lnyy-wechat-glass-chrome:has(.wechat-app[data-chat-ui="glass"]) .status-bar,
.phone-container.lnyy-wechat-glass-chrome:has(.wechat-app[data-chat-ui="glass"]) .wechat-header,
.phone-container.lnyy-wechat-glass-chrome:has(.wechat-app[data-chat-ui="glass"]) .wechat-tabbar {
  color: rgba(17, 19, 23, .92) !important;
  border-color: rgba(255, 255, 255, .52) !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .17), rgba(255, 255, 255, .035) 48%, rgba(240, 245, 249, .018)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .64), inset 0 -1px 0 rgba(25, 36, 48, .08), 0 8px 22px rgba(14, 18, 24, .08) !important;
  backdrop-filter: blur(14px) saturate(122%) contrast(1.04) brightness(1.04) !important;
  -webkit-backdrop-filter: blur(14px) saturate(122%) contrast(1.04) brightness(1.04) !important;
}

.phone-container.lnyy-wechat-glass-chrome:has(.wechat-app[data-chat-ui="glass"]) .status-bar {
  position: relative;
  z-index: 9800;
  border-bottom: 1px solid rgba(255, 255, 255, .22);
}

.phone-container.lnyy-wechat-glass-chrome:has(.wechat-app[data-chat-ui="glass"]) .wechat-header {
  border-top: 0 !important;
}

.phone-container.lnyy-wechat-glass-chrome:has(.wechat-app[data-chat-ui="glass"]) .wechat-tabbar {
  border-top: 1px solid rgba(255, 255, 255, .42) !important;
}

[data-theme="dark"] .phone-container.lnyy-wechat-glass-chrome:has(.wechat-app[data-chat-ui="glass"]) .status-bar,
[data-theme="dark"] .phone-container.lnyy-wechat-glass-chrome:has(.wechat-app[data-chat-ui="glass"]) .wechat-header,
[data-theme="dark"] .phone-container.lnyy-wechat-glass-chrome:has(.wechat-app[data-chat-ui="glass"]) .wechat-tabbar {
  color: rgba(255, 255, 255, .94) !important;
  border-color: rgba(255, 255, 255, .28) !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .10), rgba(12, 16, 22, .04) 48%, rgba(0, 0, 0, .08)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), inset 0 -1px 0 rgba(0, 0, 0, .24), 0 10px 24px rgba(0, 0, 0, .30) !important;
  backdrop-filter: blur(14px) saturate(112%) contrast(1.05) brightness(.88) !important;
  -webkit-backdrop-filter: blur(14px) saturate(112%) contrast(1.05) brightness(.88) !important;
}

/* The four main tabs share a wallpaper that is independent from chat backgrounds. */
.wechat-app[data-chat-ui="glass"][data-view="main"] :is(.contacts-page, .discover-page, .profile-page) {
  color: var(--wechat-glass-text) !important;
  background: transparent !important;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] :is(.contacts-page, .discover-page, .profile-page) :is(.wechat-section, .contact-list, .profile-header, .wechat-list-search) {
  color: var(--wechat-glass-text) !important;
  border: 1px solid var(--wechat-glass-backdrop-line) !important;
  border-radius: 18px;
  background: var(--wechat-glass-backdrop-fill) !important;
  box-shadow: var(--wechat-glass-backdrop-shadow) !important;
  backdrop-filter: var(--wechat-glass-backdrop-filter) !important;
  -webkit-backdrop-filter: var(--wechat-glass-backdrop-filter) !important;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] :is(.contacts-page, .discover-page, .profile-page) .wechat-section {
  margin-left: 12px;
  margin-right: 12px;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] :is(.contacts-page, .discover-page, .profile-page) :is(.wechat-cell, .profile-header) {
  color: var(--wechat-glass-text) !important;
  background: transparent !important;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] :is(.contacts-page, .discover-page, .profile-page) :is(.wechat-cell-copy small, .contact-remark, .profile-id, .profile-signature, .profile-hint, .wechat-section-label, .wechat-cell-chevron) {
  color: var(--wechat-glass-muted) !important;
}

.wechat-app[data-chat-ui="glass"][data-view="main"] :is(.contacts-page, .discover-page, .profile-page) :is(.contact-name, .profile-name) {
  color: var(--wechat-glass-text) !important;
  text-shadow: var(--wechat-glass-text-shadow);
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .discover-page.has-cover .discover-hero {
  border: 1px solid var(--wechat-glass-backdrop-line);
  box-shadow: var(--wechat-glass-backdrop-shadow);
}

.wechat-app[data-chat-ui="glass"][data-view="main"] .discover-page:not(.has-cover) .discover-hero {
  color: var(--wechat-glass-text) !important;
  border: 1px solid var(--wechat-glass-backdrop-line) !important;
  background: var(--wechat-glass-backdrop-fill) !important;
  box-shadow: var(--wechat-glass-backdrop-shadow) !important;
  backdrop-filter: var(--wechat-glass-backdrop-filter) !important;
  -webkit-backdrop-filter: var(--wechat-glass-backdrop-filter) !important;
}