/* ==========================================================
   指南小助手 · AI Agent 前端原型
   风格参照 WorkBuddy：浅灰底 / 白面板 / 细边 / 圆角 / 克制留白
   ========================================================== */

:root{
  --bg:          #F6F7F9;
  --panel:       #FFFFFF;
  --ink:         #17191C;
  --ink2:        #5C636B;
  --ink3:        #9099A2;
  --line:        #E6E9ED;
  --line-soft:   #EFF1F4;
  --accent:      #2B6BF6;
  --accent-ink:  #1B4FCC;
  --accent-soft: #EFF4FF;
  --warn-soft:   #FFF8E8;
  --warn-ink:    #8A5A00;
  --r-s: 8px;
  --r-m: 12px;
  --r-l: 16px;
  --shadow-1: 0 1px 2px rgba(16,24,40,.04);
  --shadow-2: 0 8px 28px rgba(16,24,40,.10);
  --shadow-3: 0 18px 50px rgba(16,24,40,.16);
}

*{ box-sizing:border-box; -webkit-tap-highlight-color:transparent; }

html,body{
  margin:0; padding:0; height:100%;
  background:var(--bg);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:15px; line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
body{ display:flex; align-items:center; justify-content:center; }

button{ font:inherit; color:inherit; border:0; background:none; cursor:pointer; }
[hidden]{ display:none !important; }

/* ── 应用外壳：手机上全屏，桌面上像一个窗口 ── */
.app{
  position:relative;
  display:flex; flex-direction:column;
  width:100%; max-width:620px;
  height:100dvh; max-height:940px;
  background:var(--panel);
  overflow:hidden;
}
@media (min-width:700px){
  .app{
    border:1px solid var(--line);
    border-radius:20px;
    box-shadow:var(--shadow-2);
    height:min(880px, calc(100dvh - 56px));
  }
}

/* ── 顶栏 ── */
.topbar{
  flex:0 0 auto;
  display:flex; align-items:center; gap:8px;
  padding:10px 10px 10px 8px;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--line-soft);
  z-index:5;
}
.icon-btn{
  width:38px; height:38px; flex:0 0 auto;
  display:grid; place-items:center;
  border-radius:10px; color:var(--ink2);
  transition:background .16s, color .16s;
}
.icon-btn:hover{ background:#F0F2F5; color:var(--ink); }
.icon-btn:active{ background:#E8EBEF; }

.topbar-mid{ flex:1; min-width:0; text-align:center; line-height:1.28; }
.topbar-title{ display:block; font-size:15px; font-weight:600; letter-spacing:.2px; }
.topbar-sub{
  display:block; font-size:11.5px; color:var(--ink3);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* ── 主区 ── */
.main{
  flex:1 1 auto; min-height:0;
  overflow-y:auto; overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.main::-webkit-scrollbar{ width:6px; }
.main::-webkit-scrollbar-thumb{ background:#DDE1E6; border-radius:3px; }

/* ══════════ 空白态 ══════════ */
.empty{
  min-height:100%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:28px 22px 20px;
  text-align:center;
}
.robot{
  margin-bottom:14px;
  animation:float 4.6s ease-in-out infinite;
  filter:drop-shadow(0 8px 18px rgba(43,107,246,.10));
}
@keyframes float{
  0%,100%{ transform:translateY(0); }
  50%    { transform:translateY(-7px); }
}

.empty-title{
  margin:0 0 24px;
  font-size:22px; font-weight:600; line-height:1.5;
  letter-spacing:.4px; color:var(--ink);
}

.plans{
  width:100%; max-width:400px;
  display:flex; flex-direction:column; gap:9px;
  margin-bottom:18px;
}
.plan{
  display:grid; gap:2px;
  padding:13px 15px;
  text-align:left;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  box-shadow:var(--shadow-1);
  transition:border-color .16s, box-shadow .16s, transform .12s, background .16s;
}
.plan:hover{
  border-color:#C9D8F8; background:#FCFDFF;
  box-shadow:0 3px 12px rgba(43,107,246,.08);
}
.plan:active{ transform:scale(.994); }
.plan-tag{
  font-size:11px; font-weight:600; letter-spacing:.4px;
  color:var(--accent); text-transform:none;
}
.plan-name{ font-size:14.5px; font-weight:600; }
.plan-desc{ font-size:12px; color:var(--ink3); line-height:1.5; }

.disclaimer{
  margin:0; max-width:390px;
  font-size:12px; line-height:1.65; color:var(--ink2);
}

/* ══════════ 对话流 ══════════ */
.msglist{ padding:18px 16px 8px; display:flex; flex-direction:column; gap:14px; }

.msg{ display:flex; gap:9px; max-width:100%; animation:rise .26s ease-out both; }
@keyframes rise{ from{ opacity:0; transform:translateY(7px);} to{ opacity:1; transform:none;} }

.msg.me{ flex-direction:row-reverse; }

.msg-ava{
  width:28px; height:28px; flex:0 0 auto; border-radius:9px;
  display:grid; place-items:center; font-size:14px;
  background:var(--accent-soft); color:var(--accent);
}
.msg.me .msg-ava{ background:#F0F2F5; color:var(--ink2); }

.bubble{
  max-width:78%;
  padding:10px 13px;
  border-radius:14px;
  background:#F4F6F8;
  font-size:14.5px; line-height:1.66;
  white-space:pre-wrap; word-break:break-word;
}
.msg.me .bubble{ background:var(--accent); color:#fff; border-bottom-right-radius:5px; }
.msg.ai  .bubble{ border-bottom-left-radius:5px; }

.bubble b{ font-weight:600; }
.bubble .hint{ display:block; margin-top:6px; font-size:12.5px; color:var(--ink3); }

/* 图片消息 */
.img-msg{
  max-width:190px; border-radius:12px; overflow:hidden;
  border:1px solid var(--line); background:#fff;
  box-shadow:var(--shadow-1);
}
.img-msg .thumb{
  height:132px; display:grid; place-items:center;
  background:linear-gradient(135deg,#EEF2F7,#E3E9F1);
  color:#9AA6B4; font-size:11.5px; letter-spacing:.5px;
}
.img-msg .cap{
  padding:7px 10px; font-size:11.5px; color:var(--ink2);
  border-top:1px solid var(--line-soft);
  display:flex; justify-content:space-between; gap:8px;
}

/* 追问卡 */
.ask{
  border:1px solid #DCE6FB; background:#FAFCFF;
  border-radius:var(--r-m); padding:12px 13px; margin-top:2px;
}
.ask-t{ font-size:13px; font-weight:600; color:var(--accent-ink); margin-bottom:5px; }
.ask-b{ font-size:13px; color:var(--ink2); line-height:1.6; }
.ask-opts{ display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.chip{
  padding:6px 12px; border-radius:999px;
  border:1px solid #CBD9F5; background:#fff;
  font-size:12.5px; color:var(--accent-ink);
  transition:.15s;
}
.chip:hover{ background:var(--accent-soft); border-color:var(--accent); }

/* 出卡消息 */
.card-msg{
  border:1px solid var(--line); border-radius:var(--r-m);
  overflow:hidden; background:#fff; box-shadow:var(--shadow-1);
  max-width:100%; width:100%;
}
.card-msg-top{
  padding:12px 13px; display:flex; align-items:center; gap:10px;
  background:linear-gradient(180deg,#FBFCFF,#F6F8FC);
  border-bottom:1px solid var(--line-soft);
}
.cm-ico{
  width:34px; height:34px; border-radius:10px; flex:0 0 auto;
  display:grid; place-items:center; font-size:16px;
  background:#fff; border:1px solid #E2E8F2;
}
.cm-t{ font-size:13.5px; font-weight:600; }
.cm-s{ font-size:11.5px; color:var(--ink3); }
.card-msg-body{ padding:11px 13px 13px; }
.card-msg-body p{ margin:0 0 11px; font-size:12.5px; color:var(--ink2); line-height:1.62; }
.card-msg-actions{ display:flex; gap:8px; }
.btn{
  flex:1; padding:9px 12px; border-radius:10px; font-size:13px; font-weight:500;
  border:1px solid var(--line); background:#fff; transition:.15s;
}
.btn:hover{ border-color:#C9D3E0; }
.btn.primary{ background:var(--accent); border-color:var(--accent); color:#fff; }
.btn.primary:hover{ background:var(--accent-ink); border-color:var(--accent-ink); }

/* 「AI 自动出具」标记 */
.tag-ai{
  display:inline-flex; align-items:center; gap:5px;
  padding:2px 8px; border-radius:6px;
  font-size:11px; font-weight:500;
  background:var(--warn-soft); color:var(--warn-ink);
  border:1px solid #F2E2BC;
}

/* 打字中 */
.typing{ display:flex; gap:4px; padding:14px 15px; }
.typing i{
  width:5px; height:5px; border-radius:50%; background:#B4BCC6;
  animation:blink 1.25s infinite;
}
.typing i:nth-child(2){ animation-delay:.18s; }
.typing i:nth-child(3){ animation-delay:.36s; }
@keyframes blink{ 0%,60%,100%{opacity:.3; transform:translateY(0);} 30%{opacity:1; transform:translateY(-2px);} }

/* ══════════ 通用页面 ══════════ */
.page{ padding:20px 16px 28px; }
.page-head h2{ margin:0 0 5px; font-size:18px; font-weight:600; letter-spacing:.2px; }
.page-head p{ margin:0 0 18px; font-size:12.5px; color:var(--ink3); line-height:1.6; }

/* 卡片列表 */
.card-list{ display:flex; flex-direction:column; gap:10px; }
.card-item{
  display:flex; gap:11px; align-items:flex-start;
  padding:13px; text-align:left;
  border:1px solid var(--line); border-radius:var(--r-m);
  background:#fff; box-shadow:var(--shadow-1);
  transition:.16s;
}
.card-item:hover{ border-color:#C9D8F8; box-shadow:0 3px 14px rgba(43,107,246,.07); }
.ci-mini{
  width:46px; height:60px; flex:0 0 auto; border-radius:6px;
  border:1px solid var(--line); background:linear-gradient(180deg,#fff,#F4F7FB);
  display:flex; flex-direction:column; gap:4px; padding:8px 6px;
}
.ci-mini span{ height:3px; border-radius:2px; background:#E1E7EF; }
.ci-mini span:nth-child(1){ width:70%; background:#CFDAE9; }
.ci-mini span:nth-child(4){ width:55%; }
.ci-main{ flex:1; min-width:0; }
.ci-t{ font-size:13.5px; font-weight:600; margin-bottom:3px; }
.ci-s{ font-size:11.5px; color:var(--ink3); }
.ci-badges{ display:flex; gap:6px; margin-top:7px; flex-wrap:wrap; }
.badge{
  font-size:10.5px; padding:1px 7px; border-radius:5px;
  border:1px solid var(--line); color:var(--ink2); background:#FBFCFD;
}
.badge.ai{ background:var(--warn-soft); border-color:#F2E2BC; color:var(--warn-ink); }
.badge.ok{ background:#EAF7F2; border-color:#C9E9DC; color:#0B7A5B; }

/* 资料列表 */
.file-list{ display:flex; flex-direction:column; gap:8px; }
.file-item{
  display:flex; align-items:center; gap:11px;
  padding:11px 13px; border:1px solid var(--line); border-radius:10px; background:#fff;
}
.fi-ico{ width:34px; height:34px; border-radius:9px; display:grid; place-items:center; background:#F2F5F9; font-size:15px; }
.fi-t{ font-size:13px; font-weight:500; }
.fi-s{ font-size:11px; color:var(--ink3); }

/* 我的 */
.me-head{
  display:flex; align-items:center; gap:12px;
  padding:16px; margin-bottom:18px;
  border:1px solid var(--line); border-radius:var(--r-m); background:#fff;
}
.avatar{
  width:44px; height:44px; border-radius:14px; flex:0 0 auto;
  display:grid; place-items:center;
  background:var(--accent-soft); color:var(--accent);
}
.me-id{ flex:1; min-width:0; }
.me-name{ font-size:15px; font-weight:600; }
.me-sub{ font-size:11.5px; color:var(--ink3); }
.btn-ghost{
  padding:6px 14px; border-radius:999px; font-size:12.5px;
  border:1px solid var(--line); background:#fff; color:var(--ink2);
}
.btn-ghost:hover{ border-color:var(--accent); color:var(--accent); }

.group{ margin-bottom:18px; }
.group-title{ font-size:11.5px; color:var(--ink3); padding:0 4px 7px; letter-spacing:.4px; }
.row{
  width:100%; display:flex; align-items:center; gap:11px;
  padding:12px 13px; text-align:left;
  border:1px solid var(--line); background:#fff;
  transition:.15s;
}
.row:first-of-type{ border-radius:var(--r-m) var(--r-m) 0 0; }
.row:last-of-type{ border-radius:0 0 var(--r-m) var(--r-m); }
.row+.row{ border-top:0; }
.row:hover{ background:#FBFCFE; }
.row-ico{ font-size:15px; width:22px; text-align:center; }
.row-main{ flex:1; min-width:0; }
.row-main b{ display:block; font-size:13.5px; font-weight:500; }
.row-main i{ display:block; font-size:11.5px; color:var(--ink3); font-style:normal; }
.row-arrow{ color:#C4CBD3; font-size:17px; }

.me-foot{
  margin:24px 4px 0; font-size:11px; line-height:1.7; color:var(--ink3);
}

/* 卡片详情 */
.card-detail-head{ padding:6px 0 10px; }
.back-btn{
  display:inline-flex; align-items:center; gap:3px;
  padding:5px 10px 5px 6px; border-radius:8px;
  font-size:13px; color:var(--ink2);
}
.back-btn:hover{ background:#F0F2F5; color:var(--ink); }

.dt-head{ margin-bottom:14px; }
.dt-title{ font-size:17px; font-weight:600; margin:0 0 6px; line-height:1.5; }
.dt-meta{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:12px; }

.dt-notice{
  padding:10px 12px; border-radius:10px; margin-bottom:14px;
  background:var(--warn-soft); border:1px solid #F2E2BC;
  font-size:12px; line-height:1.6; color:var(--warn-ink);
}
.dt-notice b{ font-weight:600; }

.dt-sec{ border:1px solid var(--line); border-radius:var(--r-m); overflow:hidden; margin-bottom:12px; background:#fff; }
.dt-sec-h{
  padding:10px 13px; background:#FAFBFD; border-bottom:1px solid var(--line-soft);
  font-size:12.5px; font-weight:600; color:var(--ink2);
}
.dt-sec-b{ padding:12px 13px; font-size:13px; line-height:1.72; color:var(--ink); }
.dt-sec-b ul{ margin:0; padding-left:17px; }
.dt-sec-b li{ margin-bottom:5px; }
.dt-sec-b li:last-child{ margin-bottom:0; }

.dt-qr{
  display:flex; gap:12px; padding:14px 13px;
}
.qr-cell{ flex:1; text-align:center; }
.qr-box{
  width:100%; aspect-ratio:1; max-width:132px; margin:0 auto 7px;
  border:1px solid var(--line); border-radius:10px;
  display:grid; place-items:center;
  background:
    repeating-linear-gradient(45deg,#F5F7FA 0 6px,#EFF2F6 6px 12px);
  font-size:10.5px; color:#A8B2BE; letter-spacing:.5px;
}
.qr-cap{ font-size:11px; color:var(--ink2); line-height:1.45; }
.qr-cap b{ display:block; font-weight:600; color:var(--ink); font-size:11.5px; }

.dt-foot-actions{ display:flex; gap:8px; margin:16px 0 6px; }

/* ══════════ 输入区 ══════════ */
.composer{
  position:relative;
  flex:0 0 auto;
  padding:9px 12px 9px;
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(180%) blur(10px);
  border-top:1px solid var(--line-soft);
}
.composer-inner{ display:flex; align-items:flex-end; gap:8px; }

.input-wrap{
  flex:1; display:flex; align-items:flex-end; gap:6px;
  padding:7px 7px 7px 13px;
  border:1px solid var(--line); border-radius:22px;
  background:#F7F8FA;
  transition:border-color .16s, background .16s, box-shadow .16s;
}
.input-wrap:focus-within{
  border-color:#C6D6F8; background:#fff;
  box-shadow:0 0 0 3px rgba(43,107,246,.08);
}
#input{
  flex:1; min-height:24px; max-height:118px;
  padding:4px 0; border:0; outline:0; resize:none;
  background:transparent; color:var(--ink);
  font:inherit; line-height:1.5;
}
#input::placeholder{ color:#A6AEB8; }

.plus-btn{
  width:32px; height:32px; flex:0 0 auto;
  display:grid; place-items:center; border-radius:50%;
  color:var(--ink2); background:transparent;
  transition:.15s;
}
.plus-btn:hover{ background:#E8ECF1; color:var(--ink); }

/* ── 语音输入 ── */
.mic-btn{
  width:32px; height:32px; flex:0 0 auto;
  display:grid; place-items:center; border-radius:50%;
  color:var(--ink2); background:transparent;
  transition:.15s;
}
.mic-btn:hover{ background:#E8ECF1; color:var(--ink); }
.mic-btn.rec{
  background:#E5463C; color:#fff;
  animation:micPulse 1.4s ease-out infinite;
}
@keyframes micPulse{
  0%{ box-shadow:0 0 0 0 rgba(229,70,60,.40); }
  70%{ box-shadow:0 0 0 12px rgba(229,70,60,0); }
  100%{ box-shadow:0 0 0 0 rgba(229,70,60,0); }
}
.input-wrap.listening{ border-color:#F1B7B2; background:#FFF7F6; }

/* 聆听条：浮在录入框上方 */
.voice-bar{
  position:absolute; left:12px; right:12px; bottom:calc(100% + 8px);
  display:flex; align-items:center; gap:10px;
  padding:8px 10px; border-radius:16px;
  background:#fff; border:1px solid var(--line);
  box-shadow:0 10px 26px rgba(18,28,45,.12);
  z-index:32;
}
.voice-bar[hidden]{ display:none; }
.vb-mid{ flex:1; display:flex; align-items:center; gap:9px; min-width:0; }
.vb-wave{ display:flex; align-items:center; gap:3px; height:18px; }
.vb-wave i{
  width:3px; height:6px; border-radius:2px; background:#E5463C;
  animation:wv .95s ease-in-out infinite;
}
.vb-wave i:nth-child(2){ animation-delay:.09s }
.vb-wave i:nth-child(3){ animation-delay:.18s }
.vb-wave i:nth-child(4){ animation-delay:.27s }
.vb-wave i:nth-child(5){ animation-delay:.36s }
.vb-wave i:nth-child(6){ animation-delay:.45s }
.vb-wave i:nth-child(7){ animation-delay:.54s }
.vb-wave i:nth-child(8){ animation-delay:.63s }
.vb-wave i:nth-child(9){ animation-delay:.72s }
@keyframes wv{
  0%,100%{ height:5px; opacity:.5 }
  50%{ height:17px; opacity:1 }
}
.vb-hint{
  font-size:12.5px; color:var(--ink2); white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis;
}
.vb-btn{ font-size:13px; border-radius:13px; padding:6px 11px; transition:.15s; }
.vb-cancel{ color:var(--ink2); background:transparent; }
.vb-cancel:hover{ background:#F0F2F5; color:var(--ink); }
.vb-done{ color:#fff; background:var(--accent); }
.vb-done:hover{ background:var(--accent-ink); }

.send-btn{
  width:36px; height:36px; flex:0 0 auto;
  display:grid; place-items:center; border-radius:50%;
  background:#E6EAF0; color:#AAB2BC;
  transition:.16s;
}
.send-btn.on{ background:var(--accent); color:#fff; }
.send-btn.on:hover{ background:var(--accent-ink); }

/* ── 底部导航 ── */
.tabbar{
  flex:0 0 auto;
  display:flex; justify-content:center; gap:52px;
  padding:5px 0 calc(5px + env(safe-area-inset-bottom));
  background:#fff; border-top:1px solid var(--line-soft);
}
.tab{
  display:flex; flex-direction:column; align-items:center; gap:2px;
  padding:4px 14px; color:#98A1AC; font-size:10.5px;
  transition:color .15s;
}
.tab.active{ color:var(--accent); }
.tab:hover{ color:var(--ink2); }
.tab.active:hover{ color:var(--accent); }

/* ══════════ 抽屉 ══════════ */
.mask{
  position:fixed; inset:0; z-index:40;
  background:rgba(18,22,28,.34);
  backdrop-filter:blur(1.5px);
  animation:fade .2s ease-out;
}
@keyframes fade{ from{opacity:0;} to{opacity:1;} }

.drawer{
  position:fixed; z-index:41; top:0; bottom:0; left:0;
  width:78%; max-width:300px;
  display:flex; flex-direction:column;
  background:#fff;
  border-right:1px solid var(--line);
  box-shadow:var(--shadow-3);
  animation:slideIn .24s cubic-bezier(.22,.8,.3,1);
}
@keyframes slideIn{ from{ transform:translateX(-100%);} to{ transform:none;} }

.drawer-head{
  display:flex; align-items:center; gap:10px;
  padding:18px 16px 14px; border-bottom:1px solid var(--line-soft);
}
.drawer-logo{
  width:34px; height:34px; border-radius:10px; flex:0 0 auto;
  display:grid; place-items:center;
  background:var(--accent-soft); color:var(--accent);
}
.drawer-brand{ font-size:14px; font-weight:600; }
.drawer-slogan{ font-size:10.5px; color:var(--ink3); line-height:1.4; }

.drawer-sec{
  padding:14px 16px 5px; font-size:10.5px; color:var(--ink3); letter-spacing:.5px;
}
.drawer-item{
  width:100%; display:flex; align-items:center; gap:10px;
  padding:9px 16px; text-align:left; font-size:13.5px; color:var(--ink);
  transition:background .14s;
}
.drawer-item:hover{ background:#F5F7FA; }
.di-ico{ width:18px; text-align:center; font-size:13px; color:var(--ink2); }

.drawer-foot{ margin-top:auto; border-top:1px solid var(--line-soft); padding:8px 0 12px; }
.drawer-ver{ padding:2px 16px 0; font-size:10px; color:#B3BAC2; }

.mini-card{
  display:block; width:100%; text-align:left;
  padding:8px 16px; font-size:12.5px; color:var(--ink2);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  transition:background .14s;
}
.mini-card:hover{ background:#F5F7FA; color:var(--ink); }

/* ══════════ 加号弹层 ══════════ */
.sheet{
  position:fixed; z-index:41; left:0; right:0; bottom:0;
  background:#fff; border-radius:18px 18px 0 0;
  padding:8px 12px calc(12px + env(safe-area-inset-bottom));
  box-shadow:0 -8px 32px rgba(16,24,40,.16);
  animation:up .24s cubic-bezier(.22,.8,.3,1);
  max-width:620px; margin:0 auto;
}
@keyframes up{ from{ transform:translateY(100%);} to{ transform:none;} }

.sheet-grab{ width:34px; height:4px; border-radius:2px; background:#E2E6EB; margin:2px auto 10px; }
.sheet-title{ font-size:11.5px; color:var(--ink3); padding:0 6px 6px; letter-spacing:.4px; }

.sheet-item{
  width:100%; display:flex; align-items:center; gap:12px;
  padding:11px 8px; border-radius:10px; text-align:left;
  transition:background .14s;
}
.sheet-item:hover{ background:#F5F7FA; }
.si-ico{
  width:38px; height:38px; flex:0 0 auto; border-radius:11px;
  display:grid; place-items:center; font-size:17px;
  background:#F2F5F9;
}
.si-main b{ display:block; font-size:13.5px; font-weight:500; }
.si-main i{ display:block; font-size:11.5px; color:var(--ink3); font-style:normal; }

.sheet-cancel{
  width:100%; margin-top:6px; padding:11px;
  border-radius:10px; background:#F5F7FA;
  font-size:13.5px; color:var(--ink2);
}
.sheet-cancel:hover{ background:#EDF0F4; }

/* ══════════ Toast ══════════ */
.toast{
  position:fixed; z-index:60; left:50%; bottom:96px;
  transform:translateX(-50%);
  padding:9px 16px; border-radius:999px;
  background:rgba(23,25,28,.9); color:#fff;
  font-size:12.5px; white-space:nowrap;
  box-shadow:var(--shadow-2);
  animation:fade .18s ease-out;
}

/* ══════════ 小屏微调 ══════════ */
@media (max-width:380px){
  .empty-title{ font-size:17.5px; }
  .empty{padding:20px 16px 14px;}
  .robot svg{ width:92px; height:92px; }
  .tabbar{ gap:36px; }
}

/* ── 思维过程面板（2026-10-24 医生指令：如实展现工作过程）──────── */
.think{background:#fff;border:1px solid #E2DCD0;border-radius:12px;overflow:hidden}
.think-head{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;user-select:none;
  background:linear-gradient(90deg,#F2F8F8,#FBF9F4)}
.th-label{font-size:13px;font-weight:700;color:#1a6a7a}
.think.folded{opacity:.92}
.think-list{list-style:none;padding:2px 14px 10px}
.th-step{display:flex;align-items:center;gap:9px;font-size:14px;color:#7A7264;padding:5px 0;line-height:1.5}
.th-step.doing{color:#0d4a58;font-weight:600}
.th-step.doing .th-dot{background:#1a6a7a;animation:thPulse 1s ease-in-out infinite}
.th-step.ok{color:#3A3226}
.th-step.ok .th-dot{background:#2e8b57;color:#fff;font-size:11px;text-align:center;line-height:16px}
.th-step.err{color:#B3541E}
.th-step.err .th-dot{background:#B3541E}
.th-dot{width:16px;height:16px;border-radius:50%;background:#D8D2C6;flex:0 0 16px;display:inline-block}
@keyframes thPulse{0%,100%{opacity:.45}50%{opacity:1}}

/* ── 出卡单图（S122 手机转发单图）── */
.cm-img-wrap{margin-top:10px;text-align:center}
.cm-img{width:100%;max-height:420px;object-fit:cover;object-position:top;border:1px solid #cfe3e6;border-radius:12px;box-shadow:0 2px 8px rgba(26,106,122,.12);cursor:zoom-in}