/*! 泡泡AI 2.0 · 简洁普通版
 *  豆包式浅色：干净、好用、轻动画。不改 display/position/overflow/grid。
 *  首次打开默认正常简洁版；用户在关于里才切到本版。
 */
html[data-theme="plain"] {
  --ink: #1f2329;
  --soft: #5c6570;
  --card: #ffffff;
  --shadow: 0 8px 24px rgba(31, 35, 41, 0.06);
  --font: "PingFang SC", "Microsoft YaHei", sans-serif;
  --display: "PingFang SC", "Microsoft YaHei", sans-serif;
  --danger: #e24b4a;
  color-scheme: light;
}
html[data-theme="plain"],
html[data-theme="plain"] body {
  color: var(--ink);
  background: #f5f6f7;
  font-family: var(--font);
}
html[data-theme="plain"] body {
  background: #f5f6f7;
}
html[data-theme="plain"] .bg {
  opacity: 0.35;
  background:
    radial-gradient(circle at 12% 8%, rgba(54, 133, 247, 0.08) 0 10%, transparent 11%),
    radial-gradient(circle at 88% 78%, rgba(54, 133, 247, 0.05) 0 12%, transparent 13%);
}
html[data-theme="plain"] .auth-card,
html[data-theme="plain"] .sidebar,
html[data-theme="plain"] .top,
html[data-theme="plain"] .composer,
html[data-theme="plain"] dialog,
html[data-theme="plain"] .chats li,
html[data-theme="plain"] .welcome-chip,
html[data-theme="plain"] .feature-sheet,
html[data-theme="plain"] .assist-island {
  background: #fff;
  box-shadow: var(--shadow);
  border-color: rgba(31, 35, 41, 0.08);
}
html[data-theme="plain"] .bubble.user {
  background: #e8f1ff;
  color: #1f2329;
}
html[data-theme="plain"] .bubble.assistant {
  background: #fff;
  box-shadow: 0 4px 16px rgba(31, 35, 41, 0.05);
}
html[data-theme="plain"] .bubble {
  animation: popo-plain-in 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
html[data-theme="plain"] .primary,
html[data-theme="plain"] .send-btn.primary {
  background: #3685f7;
  color: #fff;
  border: 0;
}
html[data-theme="plain"] .ghost {
  border-color: rgba(31, 35, 41, 0.12);
  color: #3d4450;
}
html[data-theme="plain"] .mode-chip.on,
html[data-theme="plain"] .tab.on {
  background: #e8f1ff;
  color: #3685f7;
}
html[data-theme="plain"] .composer-dock,
html[data-theme="plain"] .input-slot textarea {
  background: #fff;
}
html[data-theme="plain"] .side-new {
  animation: popo-plain-pulse 2.8s ease-in-out infinite;
}
@keyframes popo-plain-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes popo-plain-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(54, 133, 247, 0);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(54, 133, 247, 0.12);
  }
}


/* GROK_MOBILE_POLISH_20261015a — contrast + micro-motion */
html[data-theme="plain"] {
  --soft: #4b5563;
}
html[data-theme="plain"] .sub,
html[data-theme="plain"] .who,
html[data-theme="plain"] .mini,
html[data-theme="plain"] .hint,
html[data-theme="plain"] label,
html[data-theme="plain"] .top-title small,
html[data-theme="plain"] .welcome-kicker {
  color: #4b5563;
}
html[data-theme="plain"] .chats li,
html[data-theme="plain"] .welcome-chip,
html[data-theme="plain"] .mode-chip,
html[data-theme="plain"] .apps-chip,
html[data-theme="plain"] .ghost,
html[data-theme="plain"] .tab {
  transition: transform 0.15s ease, opacity 0.15s ease, box-shadow 0.15s ease;
}
html[data-theme="plain"] .chats li:hover,
html[data-theme="plain"] .welcome-chip:hover,
html[data-theme="plain"] .mode-chip:hover,
html[data-theme="plain"] .apps-chip:hover {
  transform: translateY(-1px);
}
html[data-theme="plain"] .chats li:active,
html[data-theme="plain"] .welcome-chip:active,
html[data-theme="plain"] .mode-chip:active,
html[data-theme="plain"] .apps-chip:active,
html[data-theme="plain"] .ghost:active {
  transform: scale(0.98);
  opacity: 0.92;
}
html[data-theme="plain"] .bubble.assistant,
html[data-theme="plain"] .chats li,
html[data-theme="plain"] .welcome-chip,
html[data-theme="plain"] .feature-sheet,
html[data-theme="plain"] .composer,
html[data-theme="plain"] .top {
  box-shadow: 0 8px 22px rgba(31, 35, 41, 0.07);
  border-color: rgba(31, 35, 41, 0.1);
}