/* 九尾狐后台 — 机器人换绑面板样式（紧凑版 2026-11-03） */
.jwh-tg-card{
  box-sizing:border-box;width:100%;max-width:760px;margin:8px 0 10px;padding:10px 12px;
  border-radius:10px;border:1px solid rgba(90,150,255,.28);
  background:rgba(9,16,30,.9);color:#dbe6f7;
  box-shadow:0 4px 16px rgba(0,0,0,.3);font-size:12.5px;line-height:1.5;
}
/* 关键：内嵌卡片绝不被父容器拉伸 */
.jwh-tg-card.inline{
  flex:0 0 auto !important;
  align-self:flex-start !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:8px 0 10px !important;
}
.jwh-tg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.jwh-tg-title{font-size:14px;font-weight:600;color:#eaf3ff}
.jwh-tg-status{font-size:11px;padding:1px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:#9fb4cf;white-space:nowrap}
.jwh-tg-status.ok{background:rgba(46,204,113,.16);color:#5ee79a}
.jwh-tg-status.warn{background:rgba(255,171,64,.16);color:#ffc266}
.jwh-tg-hint{margin:0 0 7px;font-size:11px;color:#8fa6c2;line-height:1.42}
.jwh-tg-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:nowrap}
.jwh-tg-label{flex:0 0 92px;color:#9fb4cf;font-size:12px;white-space:nowrap}
.jwh-tg-inputwrap{flex:1 1 auto;display:flex;gap:8px;min-width:0}
.jwh-tg-input{
  flex:1 1 auto;min-width:0;height:28px;padding:0 10px;border-radius:7px;
  border:1px solid rgba(120,160,220,.3);background:rgba(255,255,255,.05);
  color:#eaf3ff;font-size:12.5px;outline:none;transition:border-color .15s;
}
.jwh-tg-input:focus{border-color:#4d8dff;box-shadow:0 0 0 2px rgba(77,141,255,.18)}
.jwh-tg-input::placeholder{color:#6d819c}
.jwh-tg-btn{
  height:30px;padding:0 14px;border-radius:7px;cursor:pointer;font-size:12.5px;
  border:1px solid rgba(120,160,220,.32);background:rgba(255,255,255,.06);color:#cfe0f5;
  transition:all .15s;white-space:nowrap;
}
.jwh-tg-btn:hover{background:rgba(255,255,255,.12)}
.jwh-tg-btn.primary{background:linear-gradient(135deg,#2f7cff,#4fa3ff);border-color:transparent;color:#fff;font-weight:600}
.jwh-tg-btn.primary:hover{filter:brightness(1.08)}
.jwh-tg-btn.ghost{background:transparent}
.jwh-tg-btn:disabled{opacity:.45;cursor:not-allowed}
.jwh-tg-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;align-items:center}
.jwh-tg-link{background:none;border:none;color:#5f9bff;font-size:11.5px;cursor:pointer;padding:0;margin-top:2px}
.jwh-tg-adv{margin-top:6px}
.jwh-tg-meta{margin-top:6px;font-size:11.5px;color:#ffb454;min-height:0}
.jwh-tg-meta:empty{display:none}
.jwh-tg-toast{
  position:fixed;left:50%;bottom:40px;transform:translate(-50%,20px);opacity:0;
  padding:10px 18px;border-radius:10px;font-size:13px;z-index:99999;
  background:rgba(20,30,48,.97);color:#e6f0ff;border:1px solid rgba(120,160,220,.35);
  transition:all .28s;pointer-events:none;max-width:80vw;
}
.jwh-tg-toast.show{opacity:1;transform:translate(-50%,0)}
.jwh-tg-toast.ok{border-color:rgba(46,204,113,.5)}
.jwh-tg-toast.err{border-color:rgba(255,107,107,.6);color:#ffd3d3}
.jwh-tg-fab{
  position:fixed;right:22px;bottom:84px;z-index:9998;
  height:40px;padding:0 14px;border-radius:20px;cursor:pointer;
  border:1px solid rgba(120,170,255,.45);color:#dceaff;font-size:12.5px;
  background:linear-gradient(135deg,rgba(28,58,120,.95),rgba(18,34,66,.95));
  box-shadow:0 8px 24px rgba(0,0,0,.45);backdrop-filter:blur(6px);
}
.jwh-tg-fab:hover{filter:brightness(1.15)}
.jwh-tg-fabpanel{
  position:fixed;right:22px;bottom:132px;z-index:9999;width:min(420px,calc(100vw - 32px));
  max-height:min(70vh,520px);overflow:auto;
  background:rgba(8,14,26,.98);border:1px solid rgba(90,150,255,.35);border-radius:12px;
  box-shadow:0 18px 48px rgba(0,0,0,.6);
}
.jwh-tg-fabpanel .jwh-tg-card{margin:6px;border:none;box-shadow:none;background:transparent;max-width:none}
.jwh-tg-fabclose{
  position:absolute;right:10px;top:6px;background:none;border:none;color:#8fa6c2;
  font-size:13px;cursor:pointer;z-index:2;
}
@media (max-width:768px){
  .jwh-tg-card{padding:11px 12px;font-size:12px}
  .jwh-tg-row{gap:8px}
  .jwh-tg-label{flex:0 0 84px;font-size:11.5px}
  .jwh-tg-hint{font-size:11px}
}
@media (max-width:520px){
  .jwh-tg-row{flex-wrap:wrap}
  .jwh-tg-label{flex:0 0 100%}
  .jwh-tg-fab{right:12px;bottom:76px;height:36px;font-size:12px}
  .jwh-tg-fabpanel{right:8px;left:8px;width:auto;bottom:120px;max-height:65vh}
}