.tjw-translate-widget{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:100000;
  font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;
  color:#10233f;
  user-select:none;
  touch-action:none;
}
.tjw-translate-widget *{box-sizing:border-box}
.tjw-translate-toggle{
  width:58px;
  height:58px;
  border:0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#082A5A,#0B66C3);
  color:#fff;
  box-shadow:0 14px 32px rgba(8,42,90,.28);
  cursor:grab;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.tjw-translate-toggle:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(8,42,90,.34);filter:brightness(1.05)}
.tjw-translate-toggle:active{cursor:grabbing}
.tjw-translate-widget.is-dragging .tjw-translate-toggle{cursor:grabbing;transform:scale(.98)}
.tjw-translate-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.5);
  font-size:15px;
  font-weight:900;
  letter-spacing:-.04em;
}
.tjw-translate-panel{
  display:none;
  position:absolute;
  right:0;
  bottom:72px;
  width:min(318px,calc(100vw - 32px));
  padding:18px;
  border:1px solid rgba(10,46,92,.14);
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 22px 58px rgba(8,42,90,.22);
  backdrop-filter:blur(16px);
  opacity:0;
  pointer-events:none;
  transform:translateY(10px) scale(.98);
  transition:opacity .18s ease,transform .18s ease;
}
.tjw-translate-widget.is-open .tjw-translate-panel{
  display:block;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.tjw-translate-widget.align-left .tjw-translate-panel{left:0;right:auto}
.tjw-translate-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin-bottom:14px;
}
.tjw-translate-title{
  margin:0;
  color:#082A5A;
  font-size:16px;
  font-weight:900;
}
.tjw-translate-subtitle{
  margin:5px 0 0;
  color:#64748B;
  font-size:12px;
  line-height:1.5;
}
.tjw-translate-close{
  width:30px;
  height:30px;
  border:1px solid #DDE8F5;
  border-radius:50%;
  background:#F5F8FC;
  color:#0B66C3;
  cursor:pointer;
  font-size:20px;
  line-height:1;
}
.tjw-translate-select{
  width:100%;
  height:44px;
  border:1px solid #CFE3FA;
  border-radius:12px;
  padding:0 12px;
  background:#fff;
  color:#10233f;
  font-size:14px;
  font-weight:700;
  outline:none;
}
.tjw-translate-select:focus{border-color:#0B66C3;box-shadow:0 0 0 3px rgba(11,102,195,.12)}
.tjw-translate-quick{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:12px;
}
.tjw-translate-quick button,
.tjw-translate-reset{
  border:1px solid #DDE8F5;
  border-radius:12px;
  background:#F5F8FC;
  color:#0B3A75;
  cursor:pointer;
  font-size:12px;
  font-weight:800;
  min-height:36px;
  padding:8px 9px;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.tjw-translate-quick button:hover,
.tjw-translate-reset:hover{background:#EAF5FF;border-color:#9CD0FF;color:#082A5A}
.tjw-translate-reset{
  width:100%;
  margin-top:9px;
  background:#fff;
}
.tjw-translate-status{
  min-height:18px;
  margin-top:10px;
  color:#64748B;
  font-size:12px;
  line-height:1.5;
}
.tjw-translate-status.is-error{color:#B42318}
.tjw-translate-tip{
  margin-top:8px;
  color:#8A98AA;
  font-size:11px;
  line-height:1.5;
}
#translate{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
#translate select{max-width:1px}
@media(max-width:640px){
  .tjw-translate-widget{right:16px;bottom:16px}
  .tjw-translate-panel{width:calc(100vw - 28px);bottom:68px}
  .tjw-translate-toggle{width:54px;height:54px}
  .tjw-translate-quick{grid-template-columns:repeat(2,1fr)}
}