/* Meet mode — 8 themes via html[data-meet-ui-theme="…"] */

@keyframes meetBubbleIn {
  from { opacity: 0; transform: translate3d(0, 10px, 0) scale(0.98); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes meetBubbleInPolaroid {
  from { opacity: 0; transform: translate3d(0, 12px, 0) scale(0.96) rotate(var(--meet-rot, 0deg)); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1) rotate(var(--meet-rot, 0deg)); }
}
@keyframes meetRainMove {
  from { background-position: 0 0, 0 0; }
  to { background-position: 28px 52px, 14px 26px; }
}
@keyframes meetBokehDrift {
  0%, 100% { transform: scale(1) translate3d(0, 0, 0); }
  50% { transform: scale(1.025) translate3d(-8px, 6px, 0); }
}
@keyframes meetBokehPulse {
  0%, 100% { opacity: 0.55; transform: scale(1); }
  50% { opacity: 0.85; transform: scale(1.04); }
}
@keyframes meetStreetLight {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.55; }
}

/* ---------- Shared layout ---------- */
#meet-mode .meet-mode-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
#meet-mode .meet-surface {
  position: absolute;
  inset: 12px;
  border-radius: 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  min-height: 0;
  box-sizing: border-box;
  z-index: 1;
}
#meet-mode .meet-topbar {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
#meet-mode .meet-topbar-left {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}
/* 各主题通用：标题区窄而高，副文案与装饰句合并为一行（由 JS 写入 subtitle） */
#meet-mode .meet-title-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: min(38vw, 156px);
  min-width: 0;
}
#meet-mode .meet-subtitle {
  white-space: nowrap;
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
#meet-mode .meet-subtitle::-webkit-scrollbar {
  display: none;
  height: 0;
}
#meet-mode .meet-theme-motto {
  display: none !important;
}
#meet-mode .meet-chat-card {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
#meet-mode .meet-bubbles {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#meet-mode .meet-bubbles::-webkit-scrollbar { display: none; }
#meet-mode .meet-loadmore-row { flex-shrink: 0; padding: 0 16px 16px; }
#meet-mode .meet-input-card { flex-shrink: 0; }
#meet-mode .meet-input-bar {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
#meet-mode .meet-input-bar textarea {
  flex: 1;
  min-height: 46px;
  max-height: 130px;
  padding: 12px 14px;
  resize: none;
  font-size: 14px;
  line-height: 1.45;
  outline: none;
  box-sizing: border-box;
  border-radius: 16px;
  font-family: inherit;
}
#meet-mode .meet-action-btn {
  flex-shrink: 0;
  height: 44px;
  padding: 0 14px;
  border-radius: 16px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  transition: transform 0.14s ease, filter 0.14s ease, box-shadow 0.14s ease;
}
#meet-mode .meet-action-btn:active { transform: scale(0.97); }
#meet-mode .meet-action-btn.meet-ai { min-width: 76px; }
#meet-mode .meet-action-btn.meet-regen { min-width: 64px; }
#meet-mode .meet-action-btn.meet-send { min-width: 76px; }
.meet-bubble {
  padding: 14px 16px;
  border-radius: 18px;
  font-size: 15px;
  line-height: 1.7;
  max-width: 84%;
  word-break: break-word;
  white-space: pre-wrap;
  box-sizing: border-box;
  animation: meetBubbleIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.meet-bubble.meet-user { align-self: flex-end; }
.meet-bubble.meet-ai { align-self: flex-start; position: relative; }

#meet-ui-theme-select.meet-theme-select,
#modal-meet-settings .meet-theme-select {
  width: 100%;
  padding: 11px 14px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.meet-theme-setting-note {
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.45;
  color: rgba(0, 0, 0, 0.45);
}

#modal-meet-settings .meet-modal-content,
#modal-meet-exit-summary .meet-exit-modal-content {
  transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

/* 仅手帐主题显示左上角便签装饰 */
#meet-mode .meet-journal-corner {
  display: none !important;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-journal-corner {
  display: block !important;
}

@keyframes meetJournalStickyFloat {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  50% { transform: translate3d(1px, -2px, 0) rotate(0.4deg); }
}

/* ========== 1 手帐便签 · 纸本温度 (journal) ========== */
html[data-meet-ui-theme="journal"] #meet-mode .meet-mode-bg {
  background:
    radial-gradient(ellipse 120% 80% at 0% 0%, rgba(255, 248, 220, 0.95) 0%, transparent 55%),
    radial-gradient(ellipse 90% 70% at 100% 10%, rgba(245, 230, 210, 0.9) 0%, transparent 50%),
    linear-gradient(165deg, #f3ebe0 0%, #ebe4d8 40%, #e8dfd4 100%);
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-mode-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.5;
  background:
    repeating-linear-gradient(0deg, transparent, transparent 23px, rgba(180, 160, 130, 0.09) 23px, rgba(180, 160, 130, 0.09) 24px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  pointer-events: none;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-mode-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 30% 18%, rgba(255, 255, 255, 0.5) 0%, transparent 42%);
  pointer-events: none;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-surface {
  border: 1px solid rgba(139, 119, 101, 0.22);
  background: rgba(255, 252, 246, 0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.65) inset,
    0 28px 64px rgba(62, 48, 36, 0.12);
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-title-card {
  min-height: 92px;
  justify-content: center;
  background: linear-gradient(135deg, rgba(255, 250, 235, 0.96) 0%, rgba(255, 245, 220, 0.9) 100%);
  border: 1px solid rgba(200, 175, 140, 0.35);
  border-radius: 16px;
  padding: 10px 12px;
  box-shadow: 0 2px 0 rgba(255, 255, 255, 0.8) inset, 0 10px 28px rgba(100, 80, 60, 0.08);
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-title { color: #3d3428; font-weight: 900; letter-spacing: 0.06em; font-size: 16px; }
html[data-meet-ui-theme="journal"] #meet-mode .meet-subtitle { color: rgba(61, 52, 40, 0.55); font-size: 12px; font-weight: 700; margin-top: 2px; }
/* 顶栏按钮略缩小 */
html[data-meet-ui-theme="journal"] #meet-mode .meet-exit-btn {
  height: 32px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid rgba(139, 119, 101, 0.28);
  background: linear-gradient(180deg, #fffefb 0%, #f5f0e8 100%);
  color: #5c4d3d;
  font-weight: 800;
  font-size: 11px;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 4px 12px rgba(80, 60, 40, 0.07);
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-settings-btn {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(139, 119, 101, 0.28);
  background: linear-gradient(180deg, #fffefb 0%, #f0ebe3 100%);
  color: #5c4d3d;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset, 0 4px 12px rgba(80, 60, 40, 0.06);
}
/* 牛皮纸日记区：略倾斜、更浅的皮纸色 */
html[data-meet-ui-theme="journal"] #meet-mode .meet-chat-card {
  position: relative;
  overflow: hidden;
  margin: 6px 4px 10px;
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.18) 0%, transparent 45%),
    linear-gradient(110deg, #e5d8c8 0%, #dccfbf 38%, #d0c2b0 72%, #c9b9a6 100%);
  border: 1px solid #b5a08c;
  border-radius: 3px;
  transform: rotate(-0.9deg);
  box-shadow:
    0 2px 0 rgba(255, 255, 255, 0.45) inset,
    0 12px 28px rgba(35, 26, 20, 0.14),
    1px 2px 0 rgba(0, 0, 0, 0.04);
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-chat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.35;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");
}
/* 左上角便签 + 磁铁（装饰） */
html[data-meet-ui-theme="journal"] #meet-mode .meet-journal-corner {
  position: absolute;
  left: 10px;
  top: 8px;
  width: 92px;
  height: 70px;
  z-index: 8;
  pointer-events: none;
  animation: meetJournalStickyFloat 5s ease-in-out infinite;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-journal-sticky {
  position: absolute;
  left: 4px;
  top: 12px;
  width: 74px;
  height: 54px;
  background: linear-gradient(155deg, #fffce8 0%, #fef9c3 45%, #fde68a 100%);
  border: 1px solid rgba(180, 140, 40, 0.35);
  border-radius: 2px;
  transform: rotate(7deg);
  box-shadow:
    2px 3px 0 rgba(45, 35, 25, 0.12),
    0 0 0 1px rgba(255, 255, 255, 0.45) inset;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-journal-sticky::after {
  content: "";
  position: absolute;
  right: 6px;
  bottom: 5px;
  width: 22px;
  height: 3px;
  background: rgba(120, 90, 50, 0.12);
  transform: rotate(-8deg);
  border-radius: 1px;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-journal-magnet {
  position: absolute;
  left: 56px;
  top: 6px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.95) 0%, transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.35) 0%, transparent 55%),
    linear-gradient(145deg, #d4d4d4 0%, #6b6b6b 48%, #2a2a2a 100%);
  box-shadow:
    0 2px 5px rgba(0, 0, 0, 0.35),
    0 -1px 1px rgba(255, 255, 255, 0.4) inset;
  transform: rotate(-12deg);
  z-index: 2;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-bubbles {
  position: relative;
  z-index: 1;
  padding: 68px 14px 14px;
  background:
    repeating-linear-gradient(0deg, transparent, transparent 25px, rgba(120, 100, 80, 0.08) 25px, rgba(120, 100, 80, 0.08) 26px),
    linear-gradient(180deg, rgba(252, 248, 240, 0.75) 0%, rgba(245, 236, 224, 0.65) 100%);
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-mini-btn {
  width: 100%;
  border-radius: 10px;
  padding: 8px 10px;
  border: 1px dashed rgba(120, 95, 70, 0.45);
  background: rgba(255, 250, 240, 0.88);
  color: #5c4d3d;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-input-card {
  background: rgba(255, 252, 246, 0.92);
  border: 1px solid rgba(180, 155, 125, 0.25);
  border-radius: 14px;
  padding: 10px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset, 0 10px 28px rgba(70, 55, 40, 0.06);
}
/* 底栏：按键略小，输入框占更多宽 */
html[data-meet-ui-theme="journal"] #meet-mode .meet-input-bar {
  gap: 8px;
  align-items: flex-end;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-input-bar textarea {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 42px;
  padding: 10px 12px;
  font-size: 14px;
  border-radius: 10px;
  border: 1px solid rgba(160, 140, 115, 0.35);
  background: #fffef8;
  color: #2e2820;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-input-bar textarea:focus {
  border-color: rgba(200, 150, 80, 0.55);
  box-shadow: 0 0 0 2px rgba(220, 180, 100, 0.16), 0 1px 0 #fff inset;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-input-bar textarea::placeholder { color: rgba(80, 70, 55, 0.38); }
html[data-meet-ui-theme="journal"] #meet-mode .meet-action-btn {
  height: 36px;
  min-width: 52px;
  padding: 0 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 800;
  border: 1px solid rgba(100, 82, 64, 0.45);
  background: linear-gradient(180deg, #ebe0d2 0%, #d8c9b6 100%);
  color: #3d3428;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-action-btn.meet-ai,
html[data-meet-ui-theme="journal"] #meet-mode .meet-action-btn.meet-regen,
html[data-meet-ui-theme="journal"] #meet-mode .meet-action-btn.meet-send {
  background: linear-gradient(180deg, #ebe0d2 0%, #d8c9b6 100%);
  border-color: rgba(100, 82, 64, 0.45);
  color: #3d3428;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-action-btn.meet-send {
  background: linear-gradient(180deg, #6b5344 0%, #4a3b30 100%);
  color: #faf6f0;
  border-color: #3d3228;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-hint {
  margin-top: 4px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(200, 160, 120, 0.3);
  background: rgba(255, 248, 235, 0.95);
  color: #7a5c40;
  font-size: 11px;
  font-weight: 700;
}
html[data-meet-ui-theme="journal"] .meet-bubble {
  border: 1px solid rgba(90, 70, 52, 0.28);
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset, 0 4px 12px rgba(40, 30, 22, 0.08);
}
html[data-meet-ui-theme="journal"] .meet-bubble.meet-user {
  background: linear-gradient(180deg, rgba(255, 248, 235, 0.95) 0%, rgba(240, 228, 210, 0.92) 100%);
  color: #3a3228;
  border-left: 3px solid #a67c52;
}
html[data-meet-ui-theme="journal"] .meet-bubble.meet-ai {
  background: linear-gradient(180deg, rgba(255, 255, 252, 0.92) 0%, rgba(245, 238, 228, 0.9) 100%);
  color: #2e2a24;
  border-left: 3px solid #8b7355;
}
html[data-meet-ui-theme="journal"] #modal-meet-settings .meet-modal-content,
html[data-meet-ui-theme="journal"] #modal-meet-exit-summary .meet-exit-modal-content {
  background: linear-gradient(180deg, #fffdf8 0%, #f7f0e8 100%) !important;
  border: 1px solid rgba(160, 135, 110, 0.28) !important;
  box-shadow: 0 24px 60px rgba(50, 40, 30, 0.12) !important;
}
html[data-meet-ui-theme="journal"] #modal-meet-settings .meet-modal-content h3,
html[data-meet-ui-theme="journal"] #modal-meet-exit-summary .meet-exit-modal-content h3 {
  color: #3d3428 !important;
  border-bottom-color: rgba(160, 135, 110, 0.2) !important;
}
html[data-meet-ui-theme="journal"] #meet-ui-theme-select.meet-theme-select {
  background: #fffef8;
  border: 1px solid rgba(160, 135, 110, 0.35);
  color: #3d3428;
}
html[data-meet-ui-theme="journal"] .meet-theme-setting-note { color: rgba(61, 52, 40, 0.5); }

/* ========== 2 场记聚光 · 小剧场 (spotlight) ========== */
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-mode-bg {
  background:
    radial-gradient(ellipse 85% 55% at 50% 42%, rgba(255, 248, 220, 0.14) 0%, transparent 52%),
    radial-gradient(ellipse 100% 100% at 50% 50%, transparent 35%, rgba(0, 0, 0, 0.72) 100%),
    linear-gradient(180deg, #0a0a12 0%, #12101c 50%, #080810 100%);
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-mode-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.35;
  background:
    repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(255, 255, 255, 0.02) 2px, rgba(255, 255, 255, 0.02) 3px),
    repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255, 255, 255, 0.015) 2px, rgba(255, 255, 255, 0.015) 3px);
  pointer-events: none;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-mode-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 45% at 50% 38%, rgba(255, 220, 150, 0.08) 0%, transparent 55%);
  animation: meetSpotlightPulse 4s ease-in-out infinite;
  pointer-events: none;
}
@keyframes meetSpotlightPulse {
  0%, 100% { opacity: 0.75; }
  50% { opacity: 1; }
}
/* 小剧场：与手帐完全不同的结构 — 无大圆角面板、台口梯形舞台、底栏「控台」网格 */
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-surface {
  border: none;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  padding: 6px 4px 4px;
  gap: 10px;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-topbar {
  align-items: stretch;
  padding: 0;
  margin: 0 2px;
  background: linear-gradient(180deg, #22202c 0%, #12101a 100%);
  border: 2px solid rgba(232, 184, 90, 0.45);
  border-radius: 0;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), 50% 100%, 0 calc(100% - 8px));
  box-shadow: 0 0 40px rgba(255, 190, 80, 0.07);
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-topbar-left {
  flex: 1;
  min-width: 0;
  padding: 10px 12px;
  gap: 14px;
  align-items: center;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-title-card {
  max-width: min(36vw, 148px);
  min-height: 72px;
  justify-content: center;
  padding: 8px 10px;
  border-radius: 0;
  border: none;
  border-left: 4px solid #e8b85a;
  background: rgba(8, 6, 14, 0.92);
  box-shadow: 6px 0 18px rgba(0, 0, 0, 0.35);
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-title {
  color: rgba(255, 240, 210, 0.96);
  font-weight: 900;
  letter-spacing: 0.12em;
  font-size: 14px;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-subtitle {
  color: rgba(255, 205, 130, 0.5);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-top: 6px;
  font-family: ui-monospace, monospace;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-exit-btn {
  height: 38px;
  padding: 0 14px;
  border-radius: 0;
  border: 2px solid rgba(232, 184, 90, 0.4);
  background: linear-gradient(180deg, #2a2635 0%, #16141f 100%);
  color: rgba(255, 230, 200, 0.9);
  font-weight: 800;
  font-size: 12px;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4) inset;
  flex-shrink: 0;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-settings-btn {
  width: 44px;
  height: 44px;
  margin: 8px 10px 8px 0;
  align-self: center;
  border-radius: 0;
  border: 2px solid rgba(232, 184, 90, 0.4);
  background: linear-gradient(145deg, #3a3548 0%, #1a1824 100%);
  color: rgba(255, 220, 160, 0.95);
  cursor: pointer;
  clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%);
  box-shadow: 0 0 20px rgba(255, 180, 60, 0.12);
}
/* 舞台：梯形台口 + 直角，与手帐倾斜皮纸形成对比 */
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-chat-card {
  flex: 1;
  min-height: 0;
  margin: 0 5% 12px;
  border-radius: 0;
  border: 3px solid rgba(232, 184, 90, 0.5);
  background:
    radial-gradient(ellipse 75% 45% at 50% 0%, rgba(60, 52, 85, 0.75) 0%, transparent 58%),
    linear-gradient(180deg, #14121c 0%, #06060a 100%);
  clip-path: polygon(5% 0, 95% 0, 100% 100%, 0 100%);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.65) inset,
    0 0 100px rgba(255, 170, 60, 0.05) inset,
    0 18px 40px rgba(0, 0, 0, 0.45);
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-bubbles {
  padding: 18px 12px 12px;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 21px,
    rgba(255, 200, 100, 0.05) 21px,
    rgba(255, 200, 100, 0.05) 22px
  );
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-mini-btn {
  width: 100%;
  border-radius: 0;
  padding: 9px 10px;
  border: 1px dashed rgba(232, 184, 90, 0.35);
  background: rgba(18, 16, 26, 0.85);
  color: rgba(255, 215, 170, 0.75);
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  letter-spacing: 0.06em;
}
/* 控台底：上整行输入，下排三键 — 直角斜切外框 */
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-input-card {
  margin: 0 2px;
  border-radius: 0;
  padding: 10px 12px 12px;
  border: 2px solid rgba(232, 184, 90, 0.42);
  border-bottom-width: 3px;
  background: linear-gradient(180deg, #1e1c28 0%, #0c0a10 100%);
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 100%, 0 100%);
  box-shadow: 0 -12px 36px rgba(0, 0, 0, 0.4);
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-input-bar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 8px;
  align-items: stretch;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-input-bar textarea {
  grid-column: 1 / -1;
  grid-row: 1;
  min-height: 50px;
  border-radius: 0;
  border: 2px solid rgba(232, 184, 90, 0.28);
  background: rgba(6, 5, 12, 0.92);
  color: rgba(255, 248, 235, 0.93);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-input-bar textarea:focus {
  border-color: rgba(255, 210, 120, 0.55);
  box-shadow: 0 0 0 1px rgba(255, 190, 80, 0.15);
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-input-bar textarea::placeholder { color: rgba(255, 200, 150, 0.32); }
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-action-btn.meet-regen {
  grid-column: 1;
  grid-row: 2;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-action-btn.meet-ai {
  grid-column: 2;
  grid-row: 2;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-action-btn.meet-send {
  grid-column: 4;
  grid-row: 2;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-action-btn {
  border-radius: 0;
  min-width: 0;
  width: 100%;
  height: 40px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  border: 2px solid rgba(232, 184, 90, 0.38);
  background: linear-gradient(180deg, #3a3228 0%, #221c18 100%);
  color: rgba(255, 232, 200, 0.92);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35) inset;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-action-btn.meet-send {
  background: linear-gradient(180deg, #c9a050 0%, #8a6a30 100%);
  color: #1a1410;
  border-color: rgba(255, 220, 140, 0.5);
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-hint {
  margin-top: 6px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 8px 12px;
  border-radius: 0;
  border: 1px solid rgba(232, 184, 90, 0.25);
  background: rgba(14, 12, 22, 0.9);
  color: rgba(255, 210, 170, 0.72);
  font-size: 11px;
  font-weight: 700;
}
/* 台词条：平行四边形切片，无圆角 */
html[data-meet-ui-theme="spotlight"] .meet-bubble {
  border-radius: 0;
  border: 1px solid rgba(232, 184, 90, 0.22);
  clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
  max-width: 93%;
}
html[data-meet-ui-theme="spotlight"] .meet-bubble.meet-user {
  background: linear-gradient(90deg, rgba(75, 58, 42, 0.96) 0%, rgba(42, 32, 26, 0.98) 100%);
  color: rgba(255, 245, 228, 0.96);
  border-left: 4px solid #e8b85a;
}
html[data-meet-ui-theme="spotlight"] .meet-bubble.meet-ai {
  background: linear-gradient(90deg, rgba(38, 42, 62, 0.95) 0%, rgba(22, 24, 38, 0.98) 100%);
  color: rgba(230, 235, 255, 0.94);
  border-left: 4px solid rgba(140, 160, 220, 0.55);
}
html[data-meet-ui-theme="spotlight"] #modal-meet-settings .meet-modal-content,
html[data-meet-ui-theme="spotlight"] #modal-meet-exit-summary .meet-exit-modal-content {
  background: linear-gradient(180deg, #242030 0%, #16141f 100%) !important;
  border: 1px solid rgba(255, 200, 120, 0.28) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.5) !important;
  color: rgba(255, 240, 220, 0.9);
}
html[data-meet-ui-theme="spotlight"] #modal-meet-settings .meet-modal-content h3,
html[data-meet-ui-theme="spotlight"] #modal-meet-exit-summary .meet-exit-modal-content h3 {
  color: rgba(255, 235, 200, 0.95) !important;
  border-bottom-color: rgba(255, 200, 120, 0.2) !important;
}
html[data-meet-ui-theme="spotlight"] #meet-ui-theme-select.meet-theme-select {
  background: rgba(20, 18, 30, 0.95);
  border: 1px solid rgba(255, 200, 120, 0.3);
  color: rgba(255, 235, 210, 0.92);
}
html[data-meet-ui-theme="spotlight"] .meet-theme-setting-note { color: rgba(255, 220, 180, 0.45); }
html[data-meet-ui-theme="spotlight"] #modal-meet-settings .meet-theme-setting-label,
html[data-meet-ui-theme="spotlight"] #modal-meet-settings label[style*="color"] { color: rgba(255, 220, 190, 0.65) !important; }
html[data-meet-ui-theme="spotlight"] .meet-exit-summary-body,
html[data-meet-ui-theme="spotlight"] .meet-exit-summary-foot { color: rgba(220, 230, 255, 0.72) !important; }
html[data-meet-ui-theme="spotlight"] #modal-meet-exit-summary .close-btn { color: rgba(255, 210, 170, 0.75) !important; }
html[data-meet-ui-theme="spotlight"] #btn-meet-exit-summary-cancel { color: rgba(255, 220, 190, 0.75) !important; }
html[data-meet-ui-theme="spotlight"] #modal-meet-settings textarea,
html[data-meet-ui-theme="spotlight"] #modal-meet-settings input,
html[data-meet-ui-theme="spotlight"] #modal-meet-settings select {
  background: rgba(12, 10, 20, 0.9) !important;
  color: rgba(255, 245, 235, 0.92) !important;
  border-color: rgba(255, 200, 120, 0.22) !important;
}

/* ========== 3 磨砂散景 · 夜色玻璃 (bokeh) — 取景器：竖条按键 + 左侧长条输入 ========== */
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-mode-bg {
  background:
    radial-gradient(circle 120px at 18% 22%, rgba(180, 220, 255, 0.45) 0%, transparent 70%),
    radial-gradient(circle 90px at 78% 18%, rgba(255, 180, 230, 0.38) 0%, transparent 68%),
    radial-gradient(circle 140px at 62% 78%, rgba(160, 255, 220, 0.22) 0%, transparent 72%),
    radial-gradient(circle 80px at 35% 55%, rgba(255, 240, 200, 0.25) 0%, transparent 65%),
    linear-gradient(155deg, #0e1428 0%, #1a1035 38%, #0c1830 100%);
  animation: meetBokehDrift 14s ease-in-out infinite;
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-mode-bg::before {
  content: "";
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(circle 4px at 20% 30%, rgba(255, 255, 255, 0.5) 0%, transparent 55%),
    radial-gradient(circle 3px at 70% 20%, rgba(255, 255, 255, 0.35) 0%, transparent 50%),
    radial-gradient(circle 5px at 50% 70%, rgba(255, 255, 255, 0.25) 0%, transparent 50%);
  opacity: 0.4;
  pointer-events: none;
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-mode-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.04) 48%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.03) 52%, transparent 60%);
  animation: meetBokehPulse 10s ease-in-out infinite;
  pointer-events: none;
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-surface {
  border: none;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  padding: 8px 6px 6px;
  gap: 10px;
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-topbar {
  margin: 0 10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(12, 18, 40, 0.55);
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  box-shadow: 0 0 0 1px rgba(255, 100, 200, 0.08), 0 0 0 5px rgba(100, 200, 255, 0.06), 0 16px 48px rgba(0, 0, 0, 0.35);
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-title-card {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  padding: 8px 14px;
  max-width: min(52vw, 200px);
  min-height: 0;
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-title { color: rgba(255, 255, 255, 0.96); font-weight: 900; letter-spacing: 0.06em; font-size: 14px; }
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-subtitle { color: rgba(200, 220, 255, 0.52); font-size: 10px; font-weight: 700; margin-top: 2px; }
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-exit-btn {
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
  font-weight: 800;
  font-size: 11px;
  cursor: pointer;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-settings-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255, 180, 230, 0.35);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 230, 250, 0.95);
  cursor: pointer;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
/* 对话区：避免 50%/18% 椭圆 + overflow:hidden 裁掉两侧用户气泡，改用固定大圆角保留「镜头」感 */
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-chat-card {
  margin: 4px 6% 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 2px solid rgba(255, 255, 255, 0.14);
  border-radius: clamp(22px, 5.5vw, 34px) clamp(26px, 6vw, 38px) clamp(20px, 5vw, 30px) clamp(24px, 5.8vw, 36px);
  backdrop-filter: blur(20px) saturate(1.2);
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  box-shadow:
    0 0 0 1px rgba(255, 100, 200, 0.12) inset,
    0 0 0 6px rgba(100, 200, 255, 0.06),
    0 24px 70px rgba(0, 0, 0, 0.4);
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-bubbles {
  background: transparent;
  padding: 18px 14px 12px;
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-mini-btn {
  width: 100%;
  border-radius: 999px;
  padding: 8px 10px;
  border: 1px dashed rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-input-card {
  margin: 0 8px;
  background: rgba(10, 16, 36, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  padding: 7px 8px;
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-input-bar {
  display: grid;
  grid-template-columns: 1fr 46px;
  grid-template-rows: repeat(3, 32px);
  gap: 6px;
  align-items: stretch;
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-input-bar textarea {
  grid-column: 1;
  grid-row: 1 / -1;
  min-height: 0;
  height: 100%;
  max-height: none;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.4;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.95);
  resize: none;
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-input-bar textarea:focus {
  border-color: rgba(180, 220, 255, 0.55);
  box-shadow: 0 0 0 2px rgba(140, 190, 255, 0.18);
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-input-bar textarea::placeholder { color: rgba(255, 255, 255, 0.38); }
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-action-btn {
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 0;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 900;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.92);
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-action-btn.meet-regen { grid-column: 2; grid-row: 1; }
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-action-btn.meet-ai { grid-column: 2; grid-row: 2; }
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-action-btn.meet-send { grid-column: 2; grid-row: 3; }
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-action-btn.meet-ai {
  background: linear-gradient(145deg, rgba(140, 200, 255, 0.35) 0%, rgba(255, 255, 255, 0.08) 100%);
  border-color: rgba(160, 210, 255, 0.4);
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-action-btn.meet-regen {
  background: linear-gradient(145deg, rgba(200, 255, 200, 0.2) 0%, rgba(255, 255, 255, 0.06) 100%);
  border-color: rgba(160, 240, 200, 0.35);
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-action-btn.meet-send {
  background: linear-gradient(145deg, rgba(255, 220, 140, 0.45) 0%, rgba(255, 140, 160, 0.2) 100%);
  border-color: rgba(255, 210, 160, 0.45);
  color: rgba(18, 12, 28, 0.95);
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-hint {
  margin: 4px 10px 0;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(210, 225, 255, 0.78);
  font-size: 11px;
  font-weight: 700;
}
html[data-meet-ui-theme="bokeh"] .meet-bubble {
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.28);
  max-width: 88%;
}
html[data-meet-ui-theme="bokeh"] .meet-bubble.meet-user {
  background: linear-gradient(135deg, rgba(255, 160, 200, 0.25) 0%, rgba(255, 255, 255, 0.1) 100%);
  color: rgba(255, 255, 255, 0.96);
  border-right: 3px solid rgba(255, 180, 230, 0.55);
}
html[data-meet-ui-theme="bokeh"] .meet-bubble.meet-ai {
  background: linear-gradient(135deg, rgba(120, 200, 255, 0.28) 0%, rgba(255, 255, 255, 0.08) 100%);
  color: rgba(255, 255, 255, 0.96);
  border-left: 3px solid rgba(140, 220, 255, 0.5);
}
html[data-meet-ui-theme="bokeh"] #modal-meet-settings .meet-modal-content,
html[data-meet-ui-theme="bokeh"] #modal-meet-exit-summary .meet-exit-modal-content {
  background: rgba(22, 28, 48, 0.82) !important;
  backdrop-filter: blur(24px) saturate(1.2);
  -webkit-backdrop-filter: blur(24px) saturate(1.2);
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.45) !important;
  color: rgba(240, 245, 255, 0.92);
}
html[data-meet-ui-theme="bokeh"] #modal-meet-settings .meet-modal-content h3,
html[data-meet-ui-theme="bokeh"] #modal-meet-exit-summary .meet-exit-modal-content h3 {
  color: rgba(255, 255, 255, 0.95) !important;
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}
html[data-meet-ui-theme="bokeh"] #meet-ui-theme-select.meet-theme-select {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.92);
}
html[data-meet-ui-theme="bokeh"] .meet-theme-setting-note { color: rgba(200, 215, 255, 0.5); }
html[data-meet-ui-theme="bokeh"] #modal-meet-settings textarea,
html[data-meet-ui-theme="bokeh"] #modal-meet-settings input,
html[data-meet-ui-theme="bokeh"] #modal-meet-settings select {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}
html[data-meet-ui-theme="bokeh"] #modal-meet-settings .meet-theme-setting-label,
html[data-meet-ui-theme="bokeh"] #modal-meet-settings label[style*="color"] { color: rgba(210, 225, 255, 0.68) !important; }
html[data-meet-ui-theme="bokeh"] .meet-exit-summary-body,
html[data-meet-ui-theme="bokeh"] .meet-exit-summary-foot { color: rgba(200, 215, 255, 0.75) !important; }
html[data-meet-ui-theme="bokeh"] #modal-meet-exit-summary .close-btn { color: rgba(200, 220, 255, 0.65) !important; }
html[data-meet-ui-theme="bokeh"] #btn-meet-exit-summary-cancel { color: rgba(200, 215, 255, 0.72) !important; }

/* ========== 4 和纸墨染 · 素雅留白 (washi) — 卷首：顶栏竖排 + 朱栏信纸 + 下排三键 ========== */
html[data-meet-ui-theme="washi"] #meet-mode .meet-mode-bg {
  background:
    linear-gradient(118deg, rgba(255, 255, 255, 0.03) 0%, transparent 40%),
    repeating-linear-gradient(-12deg, transparent, transparent 7px, rgba(120, 130, 150, 0.04) 7px, rgba(120, 130, 150, 0.04) 8px),
    linear-gradient(180deg, #f2f0ec 0%, #ebe8e3 45%, #e8e6e1 100%);
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-mode-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.4;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
  pointer-events: none;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-mode-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 80% 10%, rgba(255, 255, 255, 0.5) 0%, transparent 40%);
  pointer-events: none;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-surface {
  border: none;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  padding: 10px 8px 8px;
  gap: 8px;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-topbar {
  align-items: flex-start;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-topbar-left {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-title-card {
  max-width: none;
  width: 100%;
  align-self: stretch;
  background: rgba(255, 255, 255, 0.92);
  border: none;
  border-top: 3px solid #3d4f6f;
  border-radius: 0 0 12px 12px;
  padding: 10px 14px 12px 16px;
  box-shadow: 0 12px 32px rgba(45, 55, 75, 0.07);
  position: relative;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-title-card::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 1px;
  background: linear-gradient(180deg, rgba(180, 60, 60, 0.45) 0%, rgba(180, 60, 60, 0.2) 100%);
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-title,
html[data-meet-ui-theme="washi"] #meet-mode .meet-title-en,
html[data-meet-ui-theme="washi"] #meet-mode .meet-subtitle {
  margin-left: 12px;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-title { color: #2c3548; font-weight: 900; letter-spacing: 0.22em; font-size: 15px; }
html[data-meet-ui-theme="washi"] #meet-mode .meet-subtitle { color: rgba(61, 79, 111, 0.48); font-size: 11px; font-weight: 700; margin-top: 4px; letter-spacing: 0.1em; }
html[data-meet-ui-theme="washi"] #meet-mode .meet-exit-btn {
  height: 32px;
  padding: 0 14px;
  border-radius: 0;
  border: 1px solid rgba(61, 79, 111, 0.22);
  border-bottom-width: 3px;
  background: #fdfdfb;
  color: #3d4f6f;
  font-weight: 800;
  font-size: 11px;
  cursor: pointer;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-settings-btn {
  width: 38px;
  height: 38px;
  border-radius: 0;
  border: 1px solid rgba(61, 79, 111, 0.22);
  border-bottom-width: 3px;
  background: #fdfdfb;
  color: #3d4f6f;
  cursor: pointer;
  align-self: flex-start;
  margin-top: 2px;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-chat-card {
  margin: 0 2px 8px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(61, 79, 111, 0.12);
  border-radius: 2px 26px 8px 22px;
  transform: rotate(-0.4deg);
  box-shadow: 0 14px 40px rgba(45, 55, 75, 0.07);
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-bubbles {
  background: repeating-linear-gradient(0deg, transparent, transparent 26px, rgba(61, 79, 111, 0.06) 26px, rgba(61, 79, 111, 0.06) 27px),
    linear-gradient(180deg, rgba(253, 253, 251, 0.95) 0%, rgba(248, 246, 242, 0.9) 100%);
  padding: 16px 14px 14px 20px;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-mini-btn {
  width: 100%;
  border-radius: 0;
  padding: 8px 10px;
  border: 1px dashed rgba(61, 79, 111, 0.28);
  border-left: 3px solid rgba(180, 60, 60, 0.35);
  background: rgba(255, 255, 255, 0.75);
  color: #3d4f6f;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-input-card {
  margin: 0 2px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(61, 79, 111, 0.12);
  border-radius: 0;
  border-bottom: 3px solid #3d4f6f;
  padding: 10px;
  box-shadow: 0 -8px 28px rgba(45, 55, 75, 0.06);
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-input-bar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto 40px;
  gap: 8px;
  align-items: stretch;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-input-bar textarea {
  grid-column: 1 / -1;
  grid-row: 1;
  min-height: 48px;
  max-height: 120px;
  border-radius: 0;
  border: 1px solid rgba(61, 79, 111, 0.18);
  background: #fdfdfb;
  color: #2a3140;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-input-bar textarea:focus {
  border-color: #3d4f6f;
  box-shadow: 0 0 0 2px rgba(61, 79, 111, 0.1);
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-input-bar textarea::placeholder { color: rgba(61, 79, 111, 0.35); }
html[data-meet-ui-theme="washi"] #meet-mode .meet-action-btn.meet-regen { grid-column: 1; grid-row: 2; }
html[data-meet-ui-theme="washi"] #meet-mode .meet-action-btn.meet-ai { grid-column: 2; grid-row: 2; }
html[data-meet-ui-theme="washi"] #meet-mode .meet-action-btn.meet-send { grid-column: 3; grid-row: 2; }
html[data-meet-ui-theme="washi"] #meet-mode .meet-action-btn {
  width: 100%;
  min-width: 0;
  height: 40px;
  padding: 0 6px;
  border-radius: 0;
  border: 1px solid rgba(61, 79, 111, 0.2);
  background: #fafaf8;
  color: #3d4f6f;
  font-size: 11px;
  font-weight: 800;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-action-btn.meet-ai {
  background: linear-gradient(180deg, #f4f7fb 0%, #e8eef6 100%);
  border-color: rgba(61, 79, 111, 0.28);
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-action-btn.meet-regen {
  background: linear-gradient(180deg, #f4faf6 0%, #e8f2ec 100%);
  border-color: rgba(80, 120, 100, 0.28);
  color: #2d4a3e;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-action-btn.meet-send {
  background: #3d4f6f;
  border-color: #2d3d55;
  color: #fafaf8;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-hint {
  margin: 4px 2px 0;
  padding: 8px 12px;
  border-radius: 0;
  border: 1px solid rgba(61, 79, 111, 0.12);
  border-left: 3px solid rgba(180, 60, 60, 0.4);
  background: rgba(255, 255, 255, 0.92);
  color: #4a5568;
  font-size: 11px;
  font-weight: 700;
}
html[data-meet-ui-theme="washi"] .meet-bubble {
  border: 1px solid rgba(61, 79, 111, 0.1);
  box-shadow: 0 4px 14px rgba(45, 55, 75, 0.05);
  border-radius: 2px 16px 16px 16px;
}
html[data-meet-ui-theme="washi"] .meet-bubble.meet-user {
  background: #faf9f6;
  color: #2c3548;
  border-right: 3px solid rgba(180, 60, 60, 0.35);
  border-radius: 16px 2px 16px 16px;
}
html[data-meet-ui-theme="washi"] .meet-bubble.meet-ai {
  background: #ffffff;
  color: #2a3140;
  border-left: 3px solid #3d4f6f;
}
html[data-meet-ui-theme="washi"] #modal-meet-settings .meet-modal-content,
html[data-meet-ui-theme="washi"] #modal-meet-exit-summary .meet-exit-modal-content {
  background: linear-gradient(180deg, #fdfdfb 0%, #f3f2ef 100%) !important;
  border: 1px solid rgba(61, 79, 111, 0.12) !important;
  box-shadow: 0 28px 70px rgba(45, 55, 75, 0.1) !important;
}
html[data-meet-ui-theme="washi"] #modal-meet-settings .meet-modal-content h3,
html[data-meet-ui-theme="washi"] #modal-meet-exit-summary .meet-exit-modal-content h3 {
  color: #2c3548 !important;
  border-bottom-color: rgba(61, 79, 111, 0.12) !important;
}
html[data-meet-ui-theme="washi"] #meet-ui-theme-select.meet-theme-select {
  background: #fdfdfb;
  border: 1px solid rgba(61, 79, 111, 0.2);
  color: #2c3548;
}
html[data-meet-ui-theme="washi"] .meet-theme-setting-note { color: rgba(61, 79, 111, 0.45); }

/* ========== 5 票根约会 · 齿孔纪念 (ticket) — 横版票幅 + 底缘齿孔 + 上输入下双键再全宽发送 ========== */
html[data-meet-ui-theme="ticket"] #meet-mode .meet-mode-bg {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 240, 235, 0.9) 0%, transparent 50%),
    linear-gradient(165deg, #f5ebe8 0%, #ebe2dc 50%, #e8ddd6 100%);
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-mode-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.35;
  background: repeating-linear-gradient(90deg, transparent, transparent 11px, rgba(180, 100, 90, 0.06) 11px, rgba(180, 100, 90, 0.06) 12px);
  pointer-events: none;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-surface {
  border: none;
  border-radius: 0;
  background: rgba(255, 252, 250, 0.92);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 18px 50px rgba(100, 60, 55, 0.12);
  padding: 0;
  gap: 0;
  margin: 8px 6px 6px;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-topbar {
  padding: 10px 12px 8px;
  border-bottom: 3px dashed rgba(160, 70, 60, 0.35);
  background: linear-gradient(180deg, #fff8f5 0%, #fff2ec 100%);
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-title-card {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 4px 0;
  box-shadow: none;
  max-width: min(48vw, 180px);
  position: relative;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-title-card::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 70%;
  background: repeating-linear-gradient(
    180deg,
    transparent,
    transparent 5px,
    rgba(160, 70, 60, 0.35) 5px,
    rgba(160, 70, 60, 0.35) 9px
  );
  border-radius: 2px;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-title-card::after {
  content: "ADMIT ONE";
  position: absolute;
  top: 0;
  right: -4px;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.2em;
  color: rgba(180, 70, 60, 0.4);
  transform: rotate(-8deg);
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-title { color: #5c2a28; font-weight: 900; letter-spacing: 0.08em; font-size: 15px; }
html[data-meet-ui-theme="ticket"] #meet-mode .meet-subtitle { color: rgba(120, 60, 55, 0.5); font-size: 10px; font-weight: 800; margin-top: 4px; }
html[data-meet-ui-theme="ticket"] #meet-mode .meet-exit-btn {
  height: 34px;
  padding: 0 10px;
  border-radius: 4px;
  border: 2px solid rgba(160, 70, 60, 0.4);
  background: #fff;
  color: #6b3030;
  font-weight: 900;
  font-size: 11px;
  cursor: pointer;
  box-shadow: 3px 3px 0 rgba(160, 70, 60, 0.18);
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-settings-btn {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  border: 2px solid rgba(160, 70, 60, 0.4);
  background: #fff;
  color: #6b3030;
  cursor: pointer;
  box-shadow: 3px 3px 0 rgba(160, 70, 60, 0.15);
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-chat-card {
  margin: 0;
  border-radius: 0;
  border: none;
  border-top: 1px solid rgba(160, 70, 60, 0.12);
  background:
    radial-gradient(circle at 50% 100%, transparent 5px, rgba(160, 70, 60, 0.15) 5px, rgba(160, 70, 60, 0.15) 6px, transparent 6px) 0 100% / 14px 8px repeat-x,
    #fffaf7;
  box-shadow: none;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-bubbles {
  background: transparent;
  padding: 14px 12px 12px;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-mini-btn {
  width: calc(100% - 24px);
  margin: 0 12px 12px;
  border-radius: 4px;
  padding: 8px 10px;
  border: 2px dashed rgba(160, 70, 60, 0.35);
  background: rgba(255, 248, 245, 0.98);
  color: #6b3835;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-input-card {
  margin: 0;
  border-radius: 0;
  border: none;
  border-top: 3px dashed rgba(160, 70, 60, 0.3);
  background: #fff5f0;
  padding: 10px 12px 14px;
  box-shadow: none;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-input-bar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 40px 44px;
  gap: 8px;
  align-items: stretch;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-input-bar textarea {
  grid-column: 1 / -1;
  grid-row: 1;
  border-radius: 4px;
  border: 2px solid rgba(160, 70, 60, 0.22);
  background: #fffefd;
  color: #3d2826;
  min-height: 52px;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-input-bar textarea:focus {
  border-color: rgba(200, 80, 60, 0.55);
  box-shadow: 0 0 0 2px rgba(220, 100, 80, 0.12);
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-input-bar textarea::placeholder { color: rgba(100, 60, 55, 0.4); }
html[data-meet-ui-theme="ticket"] #meet-mode .meet-action-btn.meet-regen { grid-column: 1; grid-row: 2; }
html[data-meet-ui-theme="ticket"] #meet-mode .meet-action-btn.meet-ai { grid-column: 2; grid-row: 2; }
html[data-meet-ui-theme="ticket"] #meet-mode .meet-action-btn.meet-send { grid-column: 1 / -1; grid-row: 3; }
html[data-meet-ui-theme="ticket"] #meet-mode .meet-action-btn {
  width: 100%;
  min-width: 0;
  height: 100%;
  border-radius: 4px;
  border: 2px solid rgba(160, 70, 60, 0.32);
  background: #fff5f2;
  color: #5c2a28;
  font-size: 11px;
  font-weight: 900;
  box-shadow: 2px 2px 0 rgba(160, 70, 60, 0.12);
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-action-btn.meet-ai {
  background: linear-gradient(180deg, #fff 0%, #f0f6ff 100%);
  border-color: rgba(80, 120, 180, 0.38);
  color: #2a4a70;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-action-btn.meet-regen {
  background: linear-gradient(180deg, #f6fff8 0%, #e8f8ee 100%);
  border-color: rgba(60, 140, 90, 0.38);
  color: #1e5538;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-action-btn.meet-send {
  background: linear-gradient(180deg, #e85d4c 0%, #c44536 100%);
  border-color: #8b2e22;
  color: #fff;
  box-shadow: 3px 3px 0 rgba(100, 40, 35, 0.22);
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-hint {
  margin: 0 12px 10px;
  padding: 8px 10px;
  border-radius: 4px;
  border: 2px solid rgba(160, 70, 60, 0.22);
  background: #fff;
  color: #6b4038;
  font-size: 11px;
  font-weight: 800;
}
html[data-meet-ui-theme="ticket"] .meet-bubble {
  border: 2px solid rgba(160, 70, 60, 0.2);
  border-radius: 4px;
  box-shadow: 3px 3px 0 rgba(160, 70, 60, 0.07);
  max-width: 90%;
}
html[data-meet-ui-theme="ticket"] .meet-bubble.meet-user {
  background: linear-gradient(165deg, #fff5e8 0%, #ffe8d8 100%);
  color: #4a2824;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 6px 100%, 0 calc(100% - 8px));
}
html[data-meet-ui-theme="ticket"] .meet-bubble.meet-ai {
  background: #ffffff;
  color: #352220;
  border-style: dashed;
  border-color: rgba(160, 70, 60, 0.32);
}
html[data-meet-ui-theme="ticket"] #modal-meet-settings .meet-modal-content,
html[data-meet-ui-theme="ticket"] #modal-meet-exit-summary .meet-exit-modal-content {
  background: linear-gradient(180deg, #fffaf7 0%, #f5ebe8 100%) !important;
  border: 2px solid rgba(160, 70, 60, 0.22) !important;
  box-shadow: 6px 8px 0 rgba(160, 70, 60, 0.08) !important;
}
html[data-meet-ui-theme="ticket"] #modal-meet-settings .meet-modal-content h3,
html[data-meet-ui-theme="ticket"] #modal-meet-exit-summary .meet-exit-modal-content h3 {
  color: #5c2a28 !important;
  border-bottom-color: rgba(160, 70, 60, 0.18) !important;
}
html[data-meet-ui-theme="ticket"] #meet-ui-theme-select.meet-theme-select {
  background: #fffefd;
  border: 2px solid rgba(160, 70, 60, 0.25);
  color: #4a2824;
}
html[data-meet-ui-theme="ticket"] .meet-theme-setting-note { color: rgba(120, 60, 55, 0.5); }

/* ========== 6 陶土柔塑 · 哑光手作 (clay) — 泥团外轮廓 + 上两键并排 + 中长输入 + 下圆钮发送 ========== */
html[data-meet-ui-theme="clay"] #meet-mode .meet-mode-bg {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255, 235, 220, 0.6) 0%, transparent 45%),
    radial-gradient(ellipse at 80% 70%, rgba(200, 220, 200, 0.35) 0%, transparent 50%),
    linear-gradient(160deg, #e8e0d8 0%, #ddd5cc 40%, #d8d2c8 100%);
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-mode-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.25;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
  pointer-events: none;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-surface {
  border: none;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  padding: 10px 6px 8px;
  gap: 10px;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-topbar {
  padding: 4px 4px 0;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-title-card {
  background: linear-gradient(165deg, #faf6f1 0%, #ebe3da 100%);
  border: none;
  border-radius: 40% 60% 55% 45% / 45% 40% 60% 55%;
  padding: 14px 20px;
  box-shadow:
    0 6px 14px rgba(100, 70, 55, 0.12),
    0 1px 0 rgba(255, 255, 255, 0.9) inset;
  max-width: min(44vw, 190px);
  min-height: 72px;
  justify-content: center;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-title { color: #4a3d35; font-weight: 900; letter-spacing: 0.04em; font-size: 15px; }
html[data-meet-ui-theme="clay"] #meet-mode .meet-subtitle { color: rgba(100, 85, 72, 0.52); font-size: 11px; font-weight: 700; margin-top: 4px; }
html[data-meet-ui-theme="clay"] #meet-mode .meet-exit-btn {
  height: 40px;
  padding: 0 16px;
  border-radius: 45% 55% 52% 48% / 48% 45% 55% 52%;
  border: none;
  background: linear-gradient(180deg, #f5ebe3 0%, #e5d9cf 100%);
  color: #5a4a40;
  font-weight: 800;
  font-size: 12px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(80, 60, 50, 0.12), 0 1px 0 rgba(255, 255, 255, 0.85) inset;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-settings-btn {
  width: 44px;
  height: 44px;
  border-radius: 48% 52% 50% 50% / 52% 48% 52% 48%;
  border: none;
  background: linear-gradient(180deg, #f5ebe3 0%, #e5d9cf 100%);
  color: #5a4a40;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(80, 60, 50, 0.12), 0 1px 0 rgba(255, 255, 255, 0.85) inset;
}
/* 陶土轮廓：百分比圆角 + overflow 会吃掉两侧气泡，改为柔和不对称 px 圆角 */
html[data-meet-ui-theme="clay"] #meet-mode .meet-chat-card {
  margin: 0 4px 8px;
  background: linear-gradient(200deg, #faf6f1 0%, #ebe4dc 55%, #e5ddd4 100%);
  border: none;
  border-radius: 26px 30px 24px 28px / 22px 26px 24px 28px;
  box-shadow:
    0 8px 20px rgba(90, 70, 58, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.85) inset,
    0 -2px 12px rgba(80, 60, 50, 0.06) inset;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-bubbles {
  background: transparent;
  padding: 20px 14px 12px;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-mini-btn {
  width: 100%;
  border-radius: 999px;
  padding: 8px 12px;
  border: none;
  background: linear-gradient(180deg, #efe6dd 0%, #e2d8ce 100%);
  color: #5a4a42;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(80, 60, 50, 0.1), 0 1px 0 rgba(255, 255, 255, 0.75) inset;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-input-card {
  margin: 0 8px;
  background: linear-gradient(180deg, #f5efe8 0%, #e8dfd6 100%);
  border: none;
  border-radius: 28px 22px 32px 24px / 24px 28px 22px 30px;
  padding: 12px 14px 16px;
  box-shadow: 0 10px 28px rgba(90, 70, 58, 0.1), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-input-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-action-btn.meet-regen,
html[data-meet-ui-theme="clay"] #meet-mode .meet-action-btn.meet-ai {
  flex: 1 1 calc(50% - 4px);
  min-width: 0;
  order: 1;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-input-bar textarea {
  flex: 1 1 100%;
  order: 2;
  min-height: 46px;
  max-height: 110px;
  border: none;
  border-radius: 20px;
  background: #fffefb;
  color: #3a322c;
  box-shadow: 0 3px 10px rgba(80, 60, 50, 0.08) inset, 0 1px 0 rgba(255, 255, 255, 1);
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-input-bar textarea:focus {
  box-shadow: 0 0 0 3px rgba(200, 160, 130, 0.28), 0 3px 10px rgba(80, 60, 50, 0.08) inset;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-input-bar textarea::placeholder { color: rgba(100, 85, 75, 0.4); }
html[data-meet-ui-theme="clay"] #meet-mode .meet-action-btn.meet-send {
  order: 3;
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 50%;
  padding: 0;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
  background: linear-gradient(165deg, #d4a574 0%, #b87a4a 100%);
  color: #fffaf6;
  border: none;
  box-shadow: 0 6px 16px rgba(140, 90, 50, 0.35), 0 1px 0 rgba(255, 255, 255, 0.35) inset;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-action-btn {
  height: 40px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(180deg, #f0e6dc 0%, #dfd2c6 100%);
  color: #4a3d35;
  box-shadow: 0 3px 8px rgba(80, 60, 50, 0.1), 0 1px 0 rgba(255, 255, 255, 0.85) inset;
  font-size: 11px;
  font-weight: 800;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-action-btn.meet-ai {
  background: linear-gradient(180deg, #dfe8e2 0%, #c8d9ce 100%);
  color: #2d4538;
  box-shadow: 0 3px 8px rgba(60, 90, 70, 0.12), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-action-btn.meet-regen {
  background: linear-gradient(180deg, #e2ebe4 0%, #cddfd4 100%);
  color: #2a4a38;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-hint {
  margin: 4px 12px 0;
  padding: 10px 14px;
  border-radius: 999px;
  border: none;
  background: rgba(255, 250, 245, 0.96);
  color: #6a5848;
  font-size: 11px;
  font-weight: 700;
  box-shadow: 0 3px 10px rgba(80, 60, 50, 0.08);
}
html[data-meet-ui-theme="clay"] .meet-bubble {
  border: none;
  border-radius: 28px 18px 24px 22px / 22px 26px 20px 28px;
  box-shadow:
    0 4px 10px rgba(90, 70, 58, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.7) inset;
  max-width: 86%;
}
html[data-meet-ui-theme="clay"] .meet-bubble.meet-user {
  background: linear-gradient(165deg, #e8c4a8 0%, #d4a574 100%);
  color: #3d2e24;
}
html[data-meet-ui-theme="clay"] .meet-bubble.meet-ai {
  background: linear-gradient(165deg, #f5f9f6 0%, #dce8df 100%);
  color: #2d3830;
}
html[data-meet-ui-theme="clay"] #modal-meet-settings .meet-modal-content,
html[data-meet-ui-theme="clay"] #modal-meet-exit-summary .meet-exit-modal-content {
  background: linear-gradient(180deg, #faf6f1 0%, #ebe3db 100%) !important;
  border: none !important;
  box-shadow:
    0 8px 16px rgba(90, 70, 58, 0.08),
    0 28px 64px rgba(90, 70, 58, 0.12) !important;
  border-radius: 26px !important;
}
html[data-meet-ui-theme="clay"] #modal-meet-settings .meet-modal-content h3,
html[data-meet-ui-theme="clay"] #modal-meet-exit-summary .meet-exit-modal-content h3 {
  color: #4a3d35 !important;
  border-bottom-color: rgba(100, 85, 72, 0.12) !important;
}
html[data-meet-ui-theme="clay"] #meet-ui-theme-select.meet-theme-select {
  background: #fffefb;
  border: none;
  color: #4a3d35;
  box-shadow: 0 2px 8px rgba(80, 60, 50, 0.08) inset;
}
html[data-meet-ui-theme="clay"] .meet-theme-setting-note { color: rgba(100, 85, 72, 0.5); }

/* ========== 7 宝丽来 · 即刻回忆 (polaroid) — 相纸厚白边 + 单行底栏「方钮 | 长条输入」 ========== */
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-mode-bg {
  background:
    radial-gradient(ellipse at 40% 30%, rgba(255, 255, 255, 0.5) 0%, transparent 50%),
    linear-gradient(145deg, #d4d0c8 0%, #c8c4bc 35%, #beb8b0 100%);
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-mode-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.5;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  pointer-events: none;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-surface {
  border: none;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  padding: 8px 6px 6px;
  gap: 8px;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-topbar {
  padding: 0 4px;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-title-card {
  background: #faf8f4;
  border: 1px solid rgba(60, 55, 50, 0.12);
  border-radius: 2px;
  padding: 8px 12px;
  box-shadow: 0 3px 10px rgba(40, 38, 35, 0.1);
  max-width: min(42vw, 168px);
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-title { color: #2c2a26; font-weight: 900; font-family: Georgia, "Times New Roman", serif; letter-spacing: 0.02em; font-size: 15px; }
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-subtitle { color: rgba(60, 55, 50, 0.48); font-size: 10px; font-weight: 700; margin-top: 3px; font-family: ui-monospace, monospace; }
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-exit-btn {
  height: 34px;
  padding: 0 10px;
  border-radius: 2px;
  border: 1px solid rgba(60, 55, 50, 0.18);
  background: linear-gradient(180deg, #faf8f4 0%, #ebe8e2 100%);
  color: #3a3834;
  font-weight: 800;
  font-size: 11px;
  cursor: pointer;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-settings-btn {
  width: 34px;
  height: 34px;
  border-radius: 2px;
  border: 1px solid rgba(60, 55, 50, 0.18);
  background: linear-gradient(180deg, #faf8f4 0%, #ebe8e2 100%);
  color: #3a3834;
  cursor: pointer;
  font-size: 14px;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-chat-card {
  margin: 4px 8px 10px;
  padding: 14px 14px 52px;
  background: #f2efe8;
  border: 1px solid rgba(60, 55, 50, 0.14);
  border-radius: 3px;
  box-shadow: 0 14px 36px rgba(40, 38, 35, 0.18), 0 1px 0 rgba(255, 255, 255, 0.6) inset;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-bubbles {
  background: linear-gradient(180deg, #faf8f4 0%, #e8e4de 100%);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  min-height: 0;
  padding: 14px 12px 12px;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-mini-btn {
  width: calc(100% - 28px);
  margin: 0 14px 10px;
  border-radius: 2px;
  padding: 7px 10px;
  border: 1px solid rgba(60, 55, 50, 0.14);
  background: rgba(255, 255, 255, 0.85);
  color: #4a4540;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-input-card {
  margin: 0 8px;
  background: #faf8f4;
  border: 1px solid rgba(60, 55, 50, 0.12);
  border-radius: 2px;
  padding: 8px 8px 10px;
  box-shadow: 0 8px 22px rgba(40, 38, 35, 0.1);
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-input-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6px;
  align-items: stretch;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-action-btn.meet-regen,
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-action-btn.meet-ai,
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-action-btn.meet-send {
  flex: 0 0 40px;
  width: 40px;
  min-width: 40px;
  height: 44px;
  padding: 0;
  border-radius: 2px;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.05;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-input-bar textarea {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 44px;
  max-height: 100px;
  border-radius: 2px;
  border: 1px solid rgba(60, 55, 50, 0.14);
  background: #ffffff;
  color: #2c2a26;
  padding: 10px 10px;
  font-size: 13px;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-input-bar textarea:focus {
  border-color: rgba(80, 120, 160, 0.45);
  box-shadow: 0 0 0 2px rgba(100, 140, 180, 0.12);
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-input-bar textarea::placeholder { color: rgba(60, 55, 50, 0.38); }
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-action-btn {
  border: 1px solid rgba(60, 55, 50, 0.14);
  background: #faf8f4;
  color: #3a3834;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-action-btn.meet-ai {
  background: linear-gradient(180deg, #eef4fa 0%, #dce6f0 100%);
  border-color: rgba(80, 120, 160, 0.28);
  color: #2a4a68;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-action-btn.meet-regen {
  background: linear-gradient(180deg, #f0faf3 0%, #dceee2 100%);
  border-color: rgba(80, 140, 100, 0.28);
  color: #265a3a;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-action-btn.meet-send {
  background: linear-gradient(180deg, #3a3a38 0%, #2a2a28 100%);
  border-color: #1a1a18;
  color: #faf8f4;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-hint {
  margin: 4px 8px 0;
  padding: 8px 10px;
  border-radius: 2px;
  border: 1px solid rgba(60, 55, 50, 0.1);
  background: #faf8f4;
  color: #5a5550;
  font-size: 11px;
  font-weight: 700;
}
html[data-meet-ui-theme="polaroid"] .meet-bubble {
  border: 1px solid rgba(40, 38, 35, 0.12);
  border-radius: 2px;
  padding: 12px 12px 28px;
  max-width: 88%;
  box-shadow: 0 6px 20px rgba(40, 38, 35, 0.12), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  animation: meetBubbleInPolaroid 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
}
html[data-meet-ui-theme="polaroid"] .meet-bubble:nth-child(4n + 1) { --meet-rot: -0.65deg; }
html[data-meet-ui-theme="polaroid"] .meet-bubble:nth-child(4n + 2) { --meet-rot: 0.5deg; }
html[data-meet-ui-theme="polaroid"] .meet-bubble:nth-child(4n + 3) { --meet-rot: 0.35deg; }
html[data-meet-ui-theme="polaroid"] .meet-bubble:nth-child(4n + 4) { --meet-rot: -0.4deg; }
html[data-meet-ui-theme="polaroid"] .meet-bubble.meet-user {
  background: linear-gradient(180deg, #ffffff 0%, #faf8f4 100%);
  color: #2c2a26;
}
html[data-meet-ui-theme="polaroid"] .meet-bubble.meet-ai {
  background: linear-gradient(180deg, #ffffff 0%, #f8f6f2 100%);
  color: #2c2a26;
}
html[data-meet-ui-theme="polaroid"] #modal-meet-settings .meet-modal-content,
html[data-meet-ui-theme="polaroid"] #modal-meet-exit-summary .meet-exit-modal-content {
  background: linear-gradient(180deg, #faf8f4 0%, #ebe8e2 100%) !important;
  border: 1px solid rgba(60, 55, 50, 0.12) !important;
  box-shadow: 0 24px 56px rgba(40, 38, 35, 0.14) !important;
}
html[data-meet-ui-theme="polaroid"] #modal-meet-settings .meet-modal-content h3,
html[data-meet-ui-theme="polaroid"] #modal-meet-exit-summary .meet-exit-modal-content h3 {
  color: #2c2a26 !important;
  border-bottom-color: rgba(60, 55, 50, 0.1) !important;
}
html[data-meet-ui-theme="polaroid"] #meet-ui-theme-select.meet-theme-select {
  background: #ffffff;
  border: 1px solid rgba(60, 55, 50, 0.15);
  color: #2c2a26;
}
html[data-meet-ui-theme="polaroid"] .meet-theme-setting-note { color: rgba(60, 55, 50, 0.45); }

/* ========== 8 雨夜车窗 · 潮湿光影 (rain) — 仪表横条顶栏 + 前挡圆角 + 上三键下整行输入（对齐小剧场但顺序相反） ========== */
html[data-meet-ui-theme="rain"] #meet-mode .meet-mode-bg {
  background:
    radial-gradient(ellipse 100% 80% at 50% 100%, rgba(40, 80, 120, 0.35) 0%, transparent 55%),
    linear-gradient(180deg, #0c1220 0%, #141c2e 45%, #0a101c 100%);
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-mode-bg::before {
  content: "";
  position: absolute;
  inset: -50%;
  opacity: 0.22;
  background:
    repeating-linear-gradient(
      -18deg,
      transparent,
      transparent 6px,
      rgba(200, 220, 255, 0.08) 6px,
      rgba(200, 220, 255, 0.08) 7px
    ),
    repeating-linear-gradient(
      -18deg,
      transparent,
      transparent 14px,
      rgba(255, 255, 255, 0.04) 14px,
      rgba(255, 255, 255, 0.04) 15px
    );
  animation: meetRainMove 5s linear infinite;
  pointer-events: none;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-mode-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, 0.04) 48%, rgba(255, 255, 255, 0.09) 50%, transparent 62%),
    radial-gradient(ellipse at 30% 20%, rgba(120, 180, 255, 0.12) 0%, transparent 45%);
  animation: meetStreetLight 6s ease-in-out infinite;
  pointer-events: none;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-surface {
  border: none;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  padding: 6px 4px 4px;
  gap: 8px;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-topbar {
  align-items: center;
  padding: 8px 10px;
  margin: 0 4px;
  border-radius: 10px 10px 4px 4px;
  border: 1px solid rgba(100, 160, 220, 0.22);
  border-bottom: 3px solid rgba(80, 140, 200, 0.25);
  background: linear-gradient(180deg, rgba(28, 40, 62, 0.92) 0%, rgba(14, 22, 38, 0.96) 100%);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.35);
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-topbar-left {
  display: contents;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-exit-btn {
  order: 1;
  height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(120, 200, 255, 0.28);
  background: rgba(20, 32, 52, 0.85);
  color: rgba(220, 235, 255, 0.9);
  font-weight: 800;
  font-size: 11px;
  cursor: pointer;
  flex-shrink: 0;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-title-card {
  order: 2;
  flex: 1;
  min-width: 0;
  max-width: none;
  align-items: center;
  text-align: center;
  background: rgba(12, 20, 36, 0.55);
  border: 1px solid rgba(140, 190, 255, 0.18);
  border-radius: 8px;
  padding: 8px 10px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-title { color: rgba(230, 240, 255, 0.96); font-weight: 900; letter-spacing: 0.06em; font-size: 13px; }
html[data-meet-ui-theme="rain"] #meet-mode .meet-subtitle { color: rgba(160, 200, 255, 0.42); font-size: 9px; font-weight: 700; margin-top: 4px; }
html[data-meet-ui-theme="rain"] #meet-mode .meet-settings-btn {
  order: 3;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid rgba(120, 200, 255, 0.28);
  background: rgba(20, 32, 52, 0.85);
  color: rgba(220, 235, 255, 0.88);
  cursor: pointer;
  flex-shrink: 0;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-chat-card {
  margin: 0 6px 10px;
  background: rgba(16, 24, 42, 0.72);
  border: 1px solid rgba(140, 190, 255, 0.16);
  border-radius: 22px 22px 6px 6px;
  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.4) inset,
    0 20px 50px rgba(0, 0, 0, 0.4),
    0 -20px 40px rgba(80, 140, 220, 0.04) inset;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-bubbles {
  background: linear-gradient(180deg, rgba(25, 38, 58, 0.35) 0%, transparent 40%);
  padding: 16px 12px 12px;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-mini-btn {
  width: 100%;
  border-radius: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(140, 190, 255, 0.14);
  background: rgba(22, 34, 54, 0.65);
  color: rgba(200, 220, 255, 0.72);
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-input-card {
  margin: 0 4px;
  background: rgba(14, 22, 38, 0.88);
  border: 1px solid rgba(140, 190, 255, 0.18);
  border-radius: 8px 8px 12px 12px;
  padding: 10px 10px 12px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.35);
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-input-bar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 40px auto;
  gap: 8px;
  align-items: stretch;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-action-btn.meet-regen { grid-column: 1; grid-row: 1; }
html[data-meet-ui-theme="rain"] #meet-mode .meet-action-btn.meet-ai { grid-column: 2; grid-row: 1; }
html[data-meet-ui-theme="rain"] #meet-mode .meet-action-btn.meet-send { grid-column: 3; grid-row: 1; }
html[data-meet-ui-theme="rain"] #meet-mode .meet-input-bar textarea {
  grid-column: 1 / -1;
  grid-row: 2;
  min-height: 48px;
  border-radius: 10px;
  border: 1px solid rgba(140, 190, 255, 0.22);
  background: rgba(10, 16, 30, 0.9);
  color: rgba(235, 242, 255, 0.95);
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-input-bar textarea:focus {
  border-color: rgba(120, 200, 255, 0.45);
  box-shadow: 0 0 0 2px rgba(80, 160, 255, 0.12);
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-input-bar textarea::placeholder { color: rgba(180, 200, 230, 0.4); }
html[data-meet-ui-theme="rain"] #meet-mode .meet-action-btn {
  width: 100%;
  min-width: 0;
  height: 100%;
  border-radius: 8px;
  border: 1px solid rgba(140, 190, 255, 0.2);
  background: rgba(30, 45, 70, 0.75);
  color: rgba(220, 235, 255, 0.9);
  font-size: 11px;
  font-weight: 800;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-action-btn.meet-ai {
  background: linear-gradient(135deg, rgba(60, 120, 200, 0.5) 0%, rgba(25, 40, 65, 0.9) 100%);
  border-color: rgba(120, 190, 255, 0.35);
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-action-btn.meet-regen {
  background: linear-gradient(135deg, rgba(60, 160, 140, 0.38) 0%, rgba(25, 45, 45, 0.85) 100%);
  border-color: rgba(120, 220, 200, 0.3);
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-action-btn.meet-send {
  background: linear-gradient(135deg, rgba(100, 200, 255, 0.4) 0%, rgba(40, 100, 180, 0.6) 100%);
  border-color: rgba(160, 220, 255, 0.42);
  color: rgba(10, 20, 40, 0.95);
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-hint {
  margin: 4px 6px 0;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid rgba(140, 190, 255, 0.12);
  background: rgba(18, 28, 48, 0.85);
  color: rgba(200, 215, 255, 0.78);
  font-size: 11px;
  font-weight: 700;
}
html[data-meet-ui-theme="rain"] .meet-bubble {
  border-radius: 14px 14px 4px 14px;
  border: 1px solid rgba(160, 200, 255, 0.14);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  max-width: 88%;
}
html[data-meet-ui-theme="rain"] .meet-bubble.meet-user {
  background: linear-gradient(145deg, rgba(45, 65, 95, 0.9) 0%, rgba(28, 40, 62, 0.94) 100%);
  color: rgba(235, 242, 255, 0.95);
  border-bottom: 3px solid rgba(120, 200, 255, 0.5);
}
html[data-meet-ui-theme="rain"] .meet-bubble.meet-ai {
  background: linear-gradient(145deg, rgba(38, 52, 78, 0.92) 0%, rgba(22, 32, 52, 0.96) 100%);
  color: rgba(230, 238, 255, 0.94);
  border-radius: 14px 14px 14px 4px;
}
html[data-meet-ui-theme="rain"] #modal-meet-settings .meet-modal-content,
html[data-meet-ui-theme="rain"] #modal-meet-exit-summary .meet-exit-modal-content {
  background: linear-gradient(180deg, rgba(28, 38, 58, 0.96) 0%, rgba(18, 26, 42, 0.98) 100%) !important;
  border: 1px solid rgba(140, 190, 255, 0.2) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.55) !important;
  color: rgba(220, 230, 255, 0.9);
}
html[data-meet-ui-theme="rain"] #modal-meet-settings .meet-modal-content h3,
html[data-meet-ui-theme="rain"] #modal-meet-exit-summary .meet-exit-modal-content h3 {
  color: rgba(235, 242, 255, 0.95) !important;
  border-bottom-color: rgba(140, 190, 255, 0.15) !important;
}
html[data-meet-ui-theme="rain"] #meet-ui-theme-select.meet-theme-select {
  background: rgba(20, 30, 48, 0.9);
  border: 1px solid rgba(140, 190, 255, 0.22);
  color: rgba(230, 238, 255, 0.92);
}
html[data-meet-ui-theme="rain"] .meet-theme-setting-note { color: rgba(180, 200, 230, 0.5); }
html[data-meet-ui-theme="rain"] #modal-meet-settings textarea,
html[data-meet-ui-theme="rain"] #modal-meet-settings input,
html[data-meet-ui-theme="rain"] #modal-meet-settings select {
  background: rgba(14, 22, 38, 0.9) !important;
  color: rgba(235, 242, 255, 0.92) !important;
  border-color: rgba(140, 190, 255, 0.2) !important;
}
html[data-meet-ui-theme="rain"] .meet-exit-summary-body,
html[data-meet-ui-theme="rain"] .meet-exit-summary-foot { color: rgba(200, 215, 255, 0.75) !important; }
html[data-meet-ui-theme="rain"] #modal-meet-exit-summary .close-btn { color: rgba(180, 210, 255, 0.7) !important; }
html[data-meet-ui-theme="rain"] #btn-meet-exit-summary-cancel { color: rgba(190, 210, 255, 0.78) !important; }
html[data-meet-ui-theme="rain"] #modal-meet-settings .meet-theme-setting-label,
html[data-meet-ui-theme="rain"] #modal-meet-settings label[style*="color"] { color: rgba(200, 215, 255, 0.68) !important; }
html[data-meet-ui-theme="rain"] #btn-meet-exit-summary-yes.send-btn { background: linear-gradient(180deg, #3d9a5c 0%, #2a7a45 100%) !important; color: #fff !important; }
html[data-meet-ui-theme="rain"] #btn-meet-exit-summary-no.send-btn {
  background: rgba(45, 60, 85, 0.9) !important;
  color: rgba(230, 238, 255, 0.9) !important;
  border: 1px solid rgba(140, 190, 255, 0.2) !important;
}

/* ========== 标题区：副文案 + 英文行 + 装饰句 + 按钮字体（按主题） ========== */
#meet-mode .meet-title-en[hidden] {
  display: none !important;
}
#meet-mode .meet-title-en:not([hidden]) {
  display: block;
  margin-top: 3px;
  line-height: 1.25;
}

@media (prefers-reduced-motion: reduce) {
  html[data-meet-ui-theme="bokeh"] #meet-mode .meet-mode-bg,
  html[data-meet-ui-theme="bokeh"] #meet-mode .meet-mode-bg::after,
  html[data-meet-ui-theme="rain"] #meet-mode .meet-mode-bg::before,
  html[data-meet-ui-theme="rain"] #meet-mode .meet-mode-bg::after {
    animation: none !important;
  }
  html[data-meet-ui-theme="journal"] #meet-mode .meet-journal-corner {
    animation: none !important;
  }
}

/* journal */
html[data-meet-ui-theme="journal"] #meet-mode .meet-title {
  font-family: Georgia, "Songti SC", "Noto Serif SC", "STSong", ui-serif, serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.06em;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-title-en:not([hidden]) {
  font-family: ui-monospace, Menlo, monospace;
  font-size: 10px;
  color: rgba(120, 100, 80, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-subtitle {
  font-family: Georgia, "Songti SC", "Noto Serif SC", ui-serif, serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 600;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-theme-motto {
  font-family: Georgia, "Songti SC", ui-serif, serif;
  font-size: 11px;
  font-style: italic;
  color: rgba(110, 90, 65, 0.62);
  font-weight: 600;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-exit-btn {
  font-family: system-ui, -apple-system, sans-serif;
  letter-spacing: 0.04em;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-mini-btn {
  font-family: system-ui, -apple-system, sans-serif;
  letter-spacing: 0.03em;
}
html[data-meet-ui-theme="journal"] #meet-mode .meet-action-btn {
  font-family: system-ui, -apple-system, sans-serif;
}

/* spotlight */
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-title {
  font-family: "Avenir Next", "Helvetica Neue", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.22em;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-title-en:not([hidden]) {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 9px;
  font-weight: 700;
  color: rgba(255, 200, 120, 0.5);
  letter-spacing: 0.35em;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-subtitle {
  font-family: ui-monospace, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-theme-motto {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 600;
  color: rgba(255, 210, 170, 0.42);
  max-width: 260px;
}
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-exit-btn,
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-mini-btn,
html[data-meet-ui-theme="spotlight"] #meet-mode .meet-action-btn {
  font-family: "Avenir Next", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
}

/* bokeh */
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-title {
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-shadow: 0 0 24px rgba(180, 220, 255, 0.25);
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-title-en:not([hidden]) {
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  font-size: 11px;
  font-weight: 600;
  font-style: italic;
  color: rgba(200, 220, 255, 0.55);
  letter-spacing: 0.14em;
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-subtitle {
  font-family: system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-theme-motto {
  font-family: system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: rgba(210, 225, 255, 0.48);
  max-width: 240px;
}
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-exit-btn,
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-mini-btn,
html[data-meet-ui-theme="bokeh"] #meet-mode .meet-action-btn {
  font-family: system-ui, sans-serif;
  font-size: 12px;
  letter-spacing: 0.03em;
}

/* washi */
html[data-meet-ui-theme="washi"] #meet-mode .meet-title {
  font-family: "Songti SC", "STSong", "Noto Serif SC", serif;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.35em;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-title-en:not([hidden]) {
  font-family: "Avenir Next", "Helvetica Neue", sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: rgba(61, 79, 111, 0.45);
  letter-spacing: 0.4em;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-subtitle {
  font-family: "Songti SC", "Noto Serif SC", serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-theme-motto {
  font-family: "Songti SC", "Noto Serif SC", serif;
  font-size: 11px;
  font-weight: 600;
  color: rgba(61, 79, 111, 0.48);
  letter-spacing: 0.08em;
  max-width: 260px;
}
html[data-meet-ui-theme="washi"] #meet-mode .meet-exit-btn,
html[data-meet-ui-theme="washi"] #meet-mode .meet-mini-btn,
html[data-meet-ui-theme="washi"] #meet-mode .meet-action-btn {
  font-family: "Songti SC", "PingFang SC", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 800;
}

/* ticket */
html[data-meet-ui-theme="ticket"] #meet-mode .meet-title {
  font-family: Impact, "Arial Black", "Helvetica Neue", sans-serif;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0.12em;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-title-en:not([hidden]) {
  font-family: ui-monospace, Menlo, monospace;
  font-size: 9px;
  font-weight: 800;
  color: rgba(160, 70, 60, 0.55);
  letter-spacing: 0.28em;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-subtitle {
  font-family: system-ui, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-theme-motto {
  font-family: Georgia, serif;
  font-size: 11px;
  font-style: italic;
  color: rgba(120, 60, 55, 0.55);
  max-width: 240px;
}
html[data-meet-ui-theme="ticket"] #meet-mode .meet-exit-btn,
html[data-meet-ui-theme="ticket"] #meet-mode .meet-mini-btn,
html[data-meet-ui-theme="ticket"] #meet-mode .meet-action-btn {
  font-family: system-ui, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

/* clay */
html[data-meet-ui-theme="clay"] #meet-mode .meet-title {
  font-family: "Avenir Next", "Nunito", "PingFang SC", system-ui, sans-serif;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: 0.05em;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-subtitle {
  font-family: "Avenir Next", "PingFang SC", sans-serif;
  font-size: 12px;
  font-weight: 700;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-theme-motto {
  font-family: "Avenir Next", "PingFang SC", sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: rgba(100, 85, 72, 0.58);
  max-width: 240px;
}
html[data-meet-ui-theme="clay"] #meet-mode .meet-exit-btn,
html[data-meet-ui-theme="clay"] #meet-mode .meet-mini-btn,
html[data-meet-ui-theme="clay"] #meet-mode .meet-action-btn {
  font-family: "Avenir Next", "PingFang SC", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 800;
}

/* polaroid */
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-title {
  font-family: Georgia, "Times New Roman", "Songti SC", serif;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.02em;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-title-en:not([hidden]) {
  font-family: ui-monospace, Menlo, monospace;
  font-size: 10px;
  font-weight: 700;
  color: rgba(60, 55, 50, 0.5);
  letter-spacing: 0.15em;
  font-style: italic;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-subtitle {
  font-family: Georgia, serif;
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-theme-motto {
  font-family: Georgia, serif;
  font-size: 10px;
  font-style: italic;
  color: rgba(80, 75, 68, 0.58);
  max-width: 260px;
}
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-exit-btn,
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-mini-btn,
html[data-meet-ui-theme="polaroid"] #meet-mode .meet-action-btn {
  font-family: ui-monospace, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

/* rain */
html[data-meet-ui-theme="rain"] #meet-mode .meet-title {
  font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0.1em;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-title-en:not([hidden]) {
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: 600;
  font-style: italic;
  color: rgba(160, 200, 255, 0.45);
  letter-spacing: 0.12em;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-subtitle {
  font-family: system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-theme-motto {
  font-family: Georgia, serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 600;
  color: rgba(180, 210, 255, 0.42);
  max-width: 260px;
}
html[data-meet-ui-theme="rain"] #meet-mode .meet-exit-btn,
html[data-meet-ui-theme="rain"] #meet-mode .meet-mini-btn,
html[data-meet-ui-theme="rain"] #meet-mode .meet-action-btn {
  font-family: system-ui, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
}