/* ============================================================
   zt-hero.css — 批17a hero 专项层（Lead 签发）
   加载位：layout.php 尾部（world-class.css 之后）——保证覆盖旧 hero 背景
   设计语言 v1：青黑渐变 + 增长线 + 留白三层 + 金色唯一焦点
   ============================================================ */
.hero {
    background: linear-gradient(168deg, #0C1618 0%, #112226 58%, #16333A 100%) !important;
    position: relative;
    overflow: hidden;
}
/* 旧 aurora 蓝紫辉光 → 黛青化降权 */
.hero .hero__aurora {
    background: radial-gradient(ellipse 60% 48% at 78% 18%, rgba(18,128,140,0.22), transparent 62%) !important;
    opacity: 0.6 !important;
    animation: none !important;
    filter: none !important;
}
/* 网格线：青黑微光（替换蓝紫 grid） */
.hero .hero__grid-pattern {
    background-image:
        linear-gradient(rgba(127,191,199,0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(127,191,199,0.055) 1px, transparent 1px) !important;
    background-size: 44px 44px !important;
    mask-image: radial-gradient(ellipse 75% 70% at 50% 38%, #000 30%, transparent 78%);
    -webkit-mask-image: radial-gradient(ellipse 75% 70% at 50% 38%, #000 30%, transparent 78%);
}
/* 粒子降权（装饰性，留呼吸） */
.hero .hero__particle { opacity: 0.35 !important; }

/* 文案三层化（D3） */
.hero .hero__title {
    color: #F3F7F6 !important;
    letter-spacing: -0.02em;
}
.hero .hero__title-accent {
    background: linear-gradient(92deg, #7FBFC7 0%, #A8DDE2 55%, #E8A33D 135%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}
.hero .hero__subtitle { color: rgba(227,241,242,0.8) !important; }
.hero .hero__feature-tag {
    border: 1px solid rgba(127,191,199,0.32) !important;
    color: #C8E4E7 !important;
    background: rgba(18,128,140,0.18) !important;
    backdrop-filter: blur(6px);
}
.hero .hero__feature-dot { background: rgba(127,191,199,0.5) !important; }

/* 增长线图形（Z 品牌资产） */
.hero .zt-growthline { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.hero .zt-growthline svg { position: absolute; bottom: -6%; right: -3%; width: 58%; height: auto; }
.hero .zt-growthline .gl-main { stroke: rgba(127,191,199,0.2); stroke-width: 2.5; stroke-linecap: round; }
.hero .zt-growthline .gl-node { fill: rgba(232,163,61,0.42); }

/* notice 横幅降权（信息保留，视觉弱化——D3 不做一刀切删除，公告仍有运营价值） */
.hero .hero__notice {
    border-color: rgba(127,191,199,0.22) !important;
    background: rgba(18,128,140,0.12) !important;
    color: rgba(200,228,231,0.75) !important;
}
.hero .hero__notice-link { color: rgba(127,191,199,0.9) !important; }

/* reveal 动效（D9-1，reduced-motion 已在权威层降级） */
.zt-reveal {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);
}
.zt-reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
    .zt-reveal { opacity: 1; transform: none; transition: none; }
}

/* ============================================================
   智能体墙（W2 · b17a-wall）—— 12 卡货架 + 悬浮 + 金色唯一焦点
   ============================================================ */
.zt-wall { background: var(--zt-paper, #F7F8F7); padding: 72px 0; }
.zt-wall__container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.zt-wall .section-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 32px; }
.zt-wall .section-title { font-size: 30px; font-weight: 600; color: var(--zt-ink-900, #15201F); margin: 0 0 8px; letter-spacing: -0.01em; }
.zt-wall .section-subtitle { font-size: 15px; color: var(--zt-ink-600, #5A6B6A); margin: 0; }
.zt-wall__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 1024px) { .zt-wall__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px)  { .zt-wall__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .zt-wall { padding: 48px 0; } .zt-wall .section-title { font-size: 24px; } }
.zt-wall__card {
    display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
    padding: 20px 18px; border-radius: var(--radius-lg, 16px);
    background: #FFFFFF; border: 1px solid var(--zt-line, #E4E9E8);
    text-decoration: none; min-height: 148px;
    transition: transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);
}
.zt-wall__card:hover { transform: translateY(-4px); border-color: rgba(18,128,140,0.35); box-shadow: 0 14px 30px -10px rgba(21,32,31,0.14); }
@media (prefers-reduced-motion: reduce) { .zt-wall__card:hover { transform: none; } }
.zt-wall__avatar {
    width: 44px; height: 44px; border-radius: var(--radius-md, 12px);
    display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--zt-primary-600, #0E5F69), var(--zt-primary-500, #12808C));
    color: #FFFFFF; font-size: 18px; font-weight: 600;
}
.zt-wall__name { font-size: 16px; font-weight: 600; color: var(--zt-ink-900, #15201F); }
.zt-wall__desc { font-size: 13px; line-height: 1.6; color: var(--zt-ink-600, #5A6B6A); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.zt-wall__card--empty { align-items: center; justify-content: center; color: var(--zt-ink-400, #8FA0A0); border-style: dashed; }

/* 「203 位」金色焦点（全站唯一金，此屏只此一处） */
.zt-wall .section-title::first-line { color: inherit; }
.zt-wall__count-gold { color: var(--zt-gold-500, #E8A33D); }
/* ============================================================
   作品即证明（D4 · b17c-works）—— 模拟浏览器窗口 + 骨架成图
   ============================================================ */
.zt-works { background: #FFFFFF; padding: 72px 0; border-top: 1px solid var(--zt-line, #E4E9E8); }
.zt-works__container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.zt-works .section-header { margin-bottom: 32px; }
.zt-works .section-title { font-size: 30px; font-weight: 600; color: var(--zt-ink-900, #15201F); margin: 0 0 8px; }
.zt-works .section-subtitle { font-size: 15px; color: var(--zt-ink-600, #5A6B6A); margin: 0; }
.zt-works .section-subtitle a { color: var(--zt-primary-600, #0E5F69); font-weight: 500; }
.zt-works__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 1024px) { .zt-works__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px)  { .zt-works__grid { grid-template-columns: 1fr; } .zt-works { padding: 48px 0; } .zt-works .section-title { font-size: 24px; } }
.zt-works__card { border: 1px solid var(--zt-line, #E4E9E8); border-radius: var(--radius-lg, 16px); overflow: hidden; background: #FFF; }
.zt-works__shot { position: relative; aspect-ratio: 16 / 10; background: linear-gradient(180deg, #F2F6F6, #E9F0F0); overflow: hidden; }
.zt-works__browser { display: flex; gap: 5px; padding: 10px 12px; }
.zt-works__browser span { width: 8px; height: 8px; border-radius: 50%; background: #D5DEDE; }
.zt-works__browser span:first-child { background: var(--zt-gold-500, #E8A33D); opacity: .8; }
.zt-works__skeleton { padding: 6px 16px 16px; }
.zt-works__hero {
    height: 64px; border-radius: 10px; margin-bottom: 10px;
    background: linear-gradient(135deg, var(--zt-primary-600, #0E5F69), var(--zt-primary-500, #12808C));
    color: #FFF; font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center; letter-spacing: .06em;
}
.zt-works__row { height: 10px; border-radius: 5px; background: #DCE5E5; margin-bottom: 8px; width: 88%; }
.zt-works__row--short { width: 62%; }
.zt-works__cards { display: flex; gap: 8px; margin-top: 12px; }
.zt-works__cards i { flex: 1; height: 44px; border-radius: 8px; background: #DCE5E5; }
.zt-works__cards i:nth-child(2) { background: #CFE0E2; }
.zt-works__meta { padding: 14px 18px 16px; display: flex; flex-direction: column; gap: 6px; }
.zt-works__meta strong { font-size: 15px; color: var(--zt-ink-900, #15201F); }
.zt-works__tag { font-size: 13px; color: var(--zt-ink-600, #5A6B6A); }
.zt-works__tag::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--zt-gold-500, #E8A33D); margin-right: 6px; vertical-align: 2px; }

/* ============================================================
   数据归你信任条（Z3 · b17c-trust）—— 页脚上沿
   ============================================================ */
.zt-trustbar { border-top: 1px solid var(--zt-line, #E4E9E8); background: var(--zt-paper, #F7F8F7); }
.zt-trustbar__inner {
    max-width: 1200px; margin: 0 auto; padding: 18px 24px;
    display: flex; flex-wrap: wrap; gap: 12px 40px; justify-content: center;
}
.zt-trustbar__item { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--zt-ink-600, #5A6B6A); }
.zt-trustbar__item svg { color: var(--zt-primary-500, #12808C); flex: none; }
.zt-trustbar__item strong { color: var(--zt-ink-900, #15201F); font-weight: 600; margin-right: 4px; }
@media (max-width: 767px) { .zt-trustbar__inner { gap: 10px 18px; padding: 14px 16px; } .zt-trustbar__item { font-size: 12px; } }
/* 五端齐发（X9 · b17c-five）—— hero 信任行，视觉降权 */
.hero__five { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 18px 0 0; font-size: 13px; }
.hero__five-label { color: rgba(227,241,242,0.55); }
.hero__five-item {
    padding: 4px 12px; border-radius: 999px; font-size: 12px; color: #C8E4E7;
    border: 1px solid rgba(127,191,199,0.28); background: rgba(18,128,140,0.12);
}

/* H5 m-hero accent + 五端 chips（b17c-h5five） */
.m-hero__title-accent {
    background: linear-gradient(92deg, #7FBFC7 0%, #A8DDE2 55%, #E8A33D 135%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.m-hero__five { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 14px 0 0; font-size: 12px; }
.m-hero__five-label { color: rgba(227,241,242,0.55); }
.m-hero__five span:not(.m-hero__five-label) {
    padding: 3px 10px; border-radius: 999px; color: #C8E4E7;
    border: 1px solid rgba(127,191,199,0.28); background: rgba(18,128,140,0.12);
}

/* b17c+ 作品卡为 <a> 后的链接语义补丁 */
a.zt-works__card { text-decoration: none; color: inherit; }
a.zt-works__card:hover .zt-works__hero { filter: brightness(1.08); }
a.zt-works__card:hover strong { color: var(--zt-primary-600, #0E5F69); }

/* ============================================================
   收益测算器（W6 · b18-calc）—— 三滑块 + 参考值标注
   ============================================================ */
.zt-calc { background: linear-gradient(180deg, #F7F8F7, #EFF4F4); padding: 72px 0; border-top: 1px solid var(--zt-line, #E4E9E8); }
.zt-calc__container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.zt-calc .section-header { margin-bottom: 32px; }
.zt-calc .section-title { font-size: 30px; font-weight: 600; color: var(--zt-ink-900, #15201F); margin: 0 0 8px; }
.zt-calc .section-subtitle { font-size: 15px; color: var(--zt-ink-600, #5A6B6A); margin: 0; }
.zt-calc__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 1024px) { .zt-calc__grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; } }
@media (max-width: 767px) { .zt-calc { padding: 48px 0; } .zt-calc .section-title { font-size: 24px; } }
.zt-calc__card { background: #FFF; border: 1px solid var(--zt-line, #E4E9E8); border-radius: var(--radius-lg, 16px); padding: 26px 24px; }
.zt-calc__card h3 { font-size: 18px; font-weight: 600; color: var(--zt-ink-900, #15201F); margin: 0 0 16px; }
.zt-calc__card label { display: block; font-size: 13px; color: var(--zt-ink-600, #5A6B6A); margin-bottom: 8px; }
.zt-calc__card input[type="range"] { width: 100%; accent-color: var(--zt-primary-500, #12808C); cursor: pointer; }
.zt-calc__card output { display: inline-block; margin-top: 6px; font-size: 13px; font-weight: 600; color: var(--zt-primary-600, #0E5F69); }
.zt-calc__result { margin-top: 18px; padding-top: 16px; border-top: 1px dashed var(--zt-line, #E4E9E8); font-size: 13px; color: var(--zt-ink-600, #5A6B6A); }
.zt-calc__result strong { display: inline-block; font-size: 26px; color: var(--zt-ink-900, #15201F); margin: 0 6px 0 0; letter-spacing: -0.01em; }
.zt-calc__result span { font-size: 12px; color: #8FA0A0; }
.zt-calc__cta { text-align: center; margin-top: 36px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.zt-calc__note { font-size: 12px; color: #8FA0A0; }
/* R1: 信任条徽章可点击（W7） */
a.zt-trustbar__item { text-decoration: none; cursor: pointer; }
a.zt-trustbar__item:hover strong { color: var(--zt-primary-600, #0E5F69); }

/* R3: 当场对话区文案居中（对齐设计语言 v1 橱窗节奏） */
.live-demo__content { text-align: center; }
.live-demo__content .badge { margin-left: auto; margin-right: auto; }
.live-demo__content .live-demo__form { align-items: center; }
.live-demo__content .live-demo__input-wrap { width: 100%; max-width: 560px; }
.live-demo__content .live-demo__msg { margin-left: auto; margin-right: auto; }
/* R3.5: 面包屑紧凑合法化（li 直挂 nav 的旧结构修正） */
.breadcrumb-list { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 10px 24px 0; max-width: 1200px; margin-left: auto; margin-right: auto; font-size: 12.5px; color: #8FA0A0; }
.breadcrumb-item a { color: #8FA0A0; text-decoration: none; }
.breadcrumb-item a:hover { color: #0E5F69; }
.breadcrumb-item.active { color: #5A6B6A; }
/* ============ R3.5: 当场对话弹层重设计（FAB 标签 + 一键问 chips） ============ */
.m-chat__fab { display: inline-flex; align-items: center; gap: 8px; padding: 0 18px 0 16px; height: 52px; border-radius: 999px; }
.m-chat__fab-label { color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 0.02em; }
.m-chat__fab-dot { width: 8px; height: 8px; border-radius: 50%; background: #E8A33D; animation: wc-spin 2.4s ease-in-out infinite; }
@keyframes zt-fab-pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.45; transform: scale(0.82); } }
.m-chat__fab-dot { animation: zt-fab-pulse 2.4s ease-in-out infinite; }
.m-chat__chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 var(--space-4, 16px) var(--space-3, 12px); }
.m-chat__chip { padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(18,128,140,0.35); background: rgba(18,128,140,0.06); color: #0E5F69; font-size: 13px; font-weight: 600; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; }
.m-chat__chip:hover { background: rgba(18,128,140,0.12); border-color: #E8A33D; }
.m-chat__chip:focus-visible { outline: 2px solid #0E5F69; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .m-chat__fab-dot { animation: none; } }
/* R3.5: 导航「怎么赚钱」转化钩子 */
.nav-money-link { color: #E8A33D !important; font-weight: 700; }

/* ============================================================
   批19 · 多模态接线样式（追加于 public/assets/css/zt-hero.css 尾部）
   折线：语音/思维链/记忆侧栏。token 化，无裸色值（青 #0E5F69 / 录音红 #C0392B 走 var）。
   注意：禁用改既有 CSS 视觉样式——以下全部为【新增】类，不触碰原 17a 设计层。
   ============================================================ */

/* ---------- 任务1 · 语音输入按钮（PC live-demo + H5 m-chat 共用 .chat-mic） ---------- */
.chat-mic,
.chat-mem {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--color-border, rgba(14, 95, 105, 0.22));
  border-radius: 10px;
  background: var(--color-surface, #fff);
  color: var(--color-accent, #0E5F69);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  -webkit-tap-highlight-color: transparent;
}
.chat-mic:hover,
.chat-mem:hover { background: rgba(14, 95, 105, 0.08); border-color: rgba(14, 95, 105, 0.4); color: #0E5F69; }
.chat-mic:focus-visible,
.chat-mem:focus-visible { outline-offset: 2px; }

/* 录音中：青 → 红点脉冲 */
.chat-mic.is-recording {
  border-color: var(--color-danger, #C0392B);
  color: var(--color-danger, #C0392B);
  background: rgba(192, 57, 43, 0.08);
  animation: ztMicPulse 1s ease-in-out infinite;
}
@keyframes ztMicPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(192, 57, 43, 0.35); }
  50%      { box-shadow: 0 0 0 6px rgba(192, 57, 43, 0); }
}

/* 时效提示（正在听… / 识别中…） */
.chat-mic__hint {
  position: absolute;
  right: 0;
  bottom: calc(100% + 6px);
  z-index: 5;
  padding: 4px 10px;
  border-radius: 8px;
  background: rgba(14, 95, 105, 0.92);
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
}

/* ---------- 任务2 · 思维链折叠条（m-chat 气泡 + live-demo 气泡共用） ---------- */
.chat-think {
  margin: 0 0 10px;
  border: 1px solid rgba(14, 95, 105, 0.18);
  border-radius: 8px;
  background: rgba(14, 95, 105, 0.06);
}
.chat-think > summary {
  cursor: pointer;
  padding: 6px 10px;
  font-size: 12.5px;
  color: #0E5F69;
  list-style-position: inside;
  -webkit-user-select: none;
  user-select: none;
}
.chat-think > summary::-webkit-details-marker { display: inline-block; }
.chat-think > pre {
  margin: 0;
  padding: 10px 12px;
  font-size: 12.5px;
  line-height: 1.7;
  color: rgba(28, 38, 44, 0.9);
  white-space: pre-wrap;
  word-break: break-word;
  background: rgba(255, 255, 255, 0.6);
  border-top: 1px solid rgba(14, 95, 105, 0.12);
  max-height: 180px;
  overflow: auto;
}

/* ---------- 任务3 · 记忆侧栏入口按钮（live-demo .chat-mem） ---------- */
.chat-mem { color: #0E5F69; }

/* ---------- 任务3 · H5 记忆侧栏（m-chat 半屏面板） ---------- */
.m-chat__mem {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  padding: 0;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: #0E5F69;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.m-chat__mem:hover { background: rgba(14, 95, 105, 0.08); }
.m-chat__mempanel {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 86%;
  max-width: 340px;
  z-index: 12;
  flex-direction: column;
  background: #fff;
  box-shadow: -12px 0 30px rgba(0, 0, 0, 0.16);
  border-left: 1px solid rgba(14, 95, 105, 0.15);
}
.m-chat__mempanel.is-open { display: flex; }
.m-chat__mempanel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 16px;
  border-bottom: 1px solid rgba(14, 95, 105, 0.12);
}
.m-chat__mempanel-head strong { font-size: 15px; color: #0E5F69; }
.m-chat__mempanel-close {
  border: none; background: transparent; color: #0E5F69; cursor: pointer; padding: 4px;
  display: inline-flex; align-items: center; justify-content: center;
}
.m-chat__mempanel-note {
  margin: 0; padding: 10px 16px; font-size: 12px; line-height: 1.6;
  color: rgba(28, 38, 44, 0.6); background: rgba(14, 95, 105, 0.05);
}
.m-chat__mempanel-list {
  flex: 1; overflow: auto; margin: 0; padding: 12px 16px; list-style: none;
}
.m-chat__memitem {
  display: flex; align-items: baseline; gap: 6px;
  padding: 8px 10px; margin-bottom: 8px; border-radius: 8px;
  font-size: 13px; color: #21323a; background: rgba(14, 95, 105, 0.06);
}
.m-chat__memitem time { flex: 0 0 auto; font-size: 11px; color: rgba(28, 38, 44, 0.5); }
.m-chat__mempanel-empty {
  margin: 0; padding: 16px; text-align: center; color: rgba(28, 38, 44, 0.5); font-size: 13px;
}
.m-chat__mempanel-clear {
  margin: 12px 16px 18px; padding: 10px; border: 1px solid rgba(192, 57, 43, 0.4);
  border-radius: 10px; background: #fff; color: #C0392B; cursor: pointer; font-size: 14px;
}
.m-chat__mempanel-clear:hover { background: rgba(192, 57, 43, 0.06); }

/* ---------- 任务3 · PC live-demo 记忆侧栏 ---------- */
.chat-mempanel {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 320px;
  max-width: 90%;
  z-index: 20;
  flex-direction: column;
  background: #fff;
  box-shadow: -12px 0 30px rgba(0, 0, 0, 0.16);
  border-left: 1px solid rgba(14, 95, 105, 0.15);
}
.chat-mempanel.is-open { display: flex; }
.chat-mempanel__head {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 16px; border-bottom: 1px solid rgba(14, 95, 105, 0.12);
}
.chat-mempanel__head strong { font-size: 15px; color: #0E5F69; }
.chat-mempanel__close { border: none; background: transparent; color: #0E5F69; cursor: pointer; padding: 4px; display: inline-flex; align-items: center; justify-content: center; }
.chat-mempanel__note { margin: 0; padding: 10px 16px; font-size: 12px; line-height: 1.6; color: rgba(28, 38, 44, 0.6); background: rgba(14, 95, 105, 0.05); }
.chat-mempanel__list { flex: 1; overflow: auto; margin: 0; padding: 12px 16px; list-style: none; }
.chat-mempanel__item { display: flex; align-items: baseline; gap: 6px; padding: 8px 10px; margin-bottom: 8px; border-radius: 8px; font-size: 13px; color: #21323a; background: rgba(14, 95, 105, 0.06); }
.chat-mempanel__item time { flex: 0 0 auto; font-size: 11px; color: rgba(28, 38, 44, 0.5); }
.chat-mempanel__empty { margin: 0; padding: 16px; text-align: center; color: rgba(28, 38, 44, 0.5); font-size: 13px; }
.chat-mempanel__clear { margin: 12px 16px 18px; padding: 10px; border: 1px solid rgba(192, 57, 43, 0.4); border-radius: 10px; background: #fff; color: #C0392B; cursor: pointer; font-size: 14px; }
.chat-mempanel__clear:hover { background: rgba(192, 57, 43, 0.06); }