/* panel.css — 统一浮窗外壳（个人信息 / 专家资料 / 哈密聊天三浮窗共用）
   统一：容器、头部（左侧 < 按钮 + 居中标题 + 纯色底）、遮罩（浅毛玻璃）。
   正文与底部栏由各浮窗自建（.chat-body / .detail-body / .profile-body 及各自 foot）。 */

/* ===== 浮窗容器 ===== */
.panel{
  position:fixed;top:0;right:0;bottom:0;width:460px;max-width:100vw;z-index:100;
  background:var(--parchment);border-left:1px solid var(--hairline);
  display:flex;flex-direction:column;
  transform:translateX(105%);transition:transform .4s var(--ease);
  box-shadow:var(--shadow-panel);
}
.panel.open{transform:none}
.panel--mobile{left:0;right:0;width:100%;border-left:none}

/* ===== 遮罩（点空白关闭；移动全屏不挂遮罩） ===== */
.panel-bk{
  position:fixed;inset:0;background:var(--mask);z-index:90;opacity:0;pointer-events:none;
  transition:opacity .3s;backdrop-filter:blur(var(--mask-blur));
}
.panel-bk.show{opacity:1;pointer-events:auto}

/* ===== 内容区（正文 + 底部栏的 flex 列容器） ===== */
.panel-content{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}

/* ===== 头部（纯色底，对齐 lumeet） ===== */
.panel-head{
  display:flex;align-items:center;gap:12px;padding:12px 16px;
  padding-top:calc(12px + env(safe-area-inset-top,0));
  position:absolute;top:0;left:0;right:0;z-index:5;pointer-events:none;
  background:var(--parchment);
}
.panel-head > *{pointer-events:auto}

/* 左侧 < 按钮（对齐 lumeet） */
.panel-back{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;
  color:var(--ink);padding:4px;border:none;background:none;cursor:pointer;
  transition:background .2s,color .2s;
}
.panel-back:hover{background:rgba(0,0,0,.05)}
.panel-back svg{width:20px;height:20px}

/* 居中标题组（标题 + 可选副标题「在线」） */
.panel-head-c{
  position:absolute;left:50%;top:calc(12px + env(safe-area-inset-top,0));
  transform:translateX(-50%);
  height:32px;display:flex;align-items:center;gap:7px;white-space:nowrap;
}
.panel-head-t{font-size:17px;font-weight:600;letter-spacing:-.2px;line-height:1.25}
.panel-head-s{font-size:11px;color:var(--green-deep);display:flex;align-items:center;gap:5px}
.panel-head-s::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}

/* 头部轻入 */
.panel.open .panel-head{animation:softIn .5s var(--ease) .12s backwards}