@charset "utf-8";
/* ============================================================
   hb-quick.css - 两台手机中间的功能方块按钮（通知/返回/主页/任务/设置）
   原按钮组只隐藏，这里自绘 46x46 方块按钮竖排
   ============================================================ */

.hb-quick-src{display:none !important}

.hb-quick{
  position:fixed;z-index:30;
  display:flex;flex-direction:column;gap:8px;
  padding:6px;
  border-radius:20px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(219,231,246,.95);
  box-shadow:0 24px 48px -34px rgba(12,18,34,.62),0 2px 8px -6px rgba(15,23,42,.24);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.hb-q-btn{
  width:58px;height:56px;padding:0 2px;margin:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  border-radius:12px;
  border:1px solid #dfe8f6;
  background:linear-gradient(180deg,#ffffff 0%,#f4f8fd 100%);
  color:#64748b;
  cursor:pointer;
  box-shadow:0 1px 1px rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .14s ease,border-color .14s ease,color .14s ease,background .14s ease,box-shadow .14s ease;
}
.hb-q-btn svg{width:20px;height:20px;display:block;flex:none;stroke-width:1.9;shape-rendering:geometricPrecision}
.hb-q-lbl{
  display:block;font-size:10.5px;font-weight:600;line-height:1.1;letter-spacing:.1px;
  color:inherit;white-space:nowrap;
  -webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;
}
.hb-q-btn:hover{border-color:#bfd3ff;color:#1d4ed8;background:linear-gradient(180deg,#ffffff 0%,#eef5ff 100%);box-shadow:0 8px 16px -12px rgba(37,99,235,.75),inset 0 1px 0 #fff}
.hb-q-btn:active{transform:scale(.94)}
.hb-q-btn.is-on{border-color:#2563eb;color:#1d4ed8;background:linear-gradient(180deg,#eff5ff,#e2edff)}
@media (max-width:1200px){
  .hb-quick{gap:6px;padding:5px;border-radius:18px}
  .hb-q-btn{width:50px;height:50px;border-radius:10px;gap:2px}
  .hb-q-btn svg{width:18px;height:18px}
  .hb-q-lbl{font-size:9.5px}
}

/* 同步翻译 / 虚拟键盘：中轴下方的一对胶囊 */
.hb-quick-aux-src{display:none !important}

.hb-quick-aux{
  position:fixed;z-index:30;
  display:flex;flex-direction:column;gap:5px;
  padding:5px;
  border-radius:15px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(219,231,246,.95);
  box-shadow:0 20px 40px -32px rgba(12,18,34,.6),0 2px 8px -6px rgba(15,23,42,.2);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.hb-q-aux-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:32px;padding:0 11px;margin:0;
  border-radius:9px;border:1px solid #dfe8f6;
  background:linear-gradient(180deg,#ffffff 0%,#f4f8fd 100%);
  color:#41506b;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;
  -webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;
  cursor:pointer;
  box-shadow:0 1px 1px rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .14s ease,border-color .14s ease,color .14s ease,background .14s ease,box-shadow .14s ease;
}
.hb-q-aux-btn:hover{border-color:#bfd3ff;color:#1d4ed8;background:linear-gradient(180deg,#ffffff,#eef5ff)}
.hb-q-aux-btn:active{transform:scale(.96)}
@media (max-width:1200px){
  .hb-q-aux-btn{height:27px;padding:0 6px;font-size:11px}
}

/* 同步翻译 / 虚拟键盘：自绘矢量图标（替换原来的 emoji） */
.hb-aux-ico{
  width:15px;height:15px;flex:none;display:block;
  color:#2563eb;shape-rendering:geometricPrecision;
}
.hb-q-aux-btn:nth-child(2) .hb-aux-ico{color:#7c3aed}
.hb-q-aux-lbl{display:block;white-space:nowrap;font-size:inherit}