/* kk-screen-float.css — 投屏浮窗 */
.kk-sf-panel{
  position:fixed !important;
  right:14px; bottom:64px;
  z-index:420;
  background:#0f1721;
  border:1px solid #2b3a4d;
  border-radius:14px;
  padding:10px 10px 8px;
  box-shadow:0 18px 48px rgba(0,0,0,.55);
  max-height:min(78vh,700px);
  overflow:auto;
  transition:opacity .15s ease;
}
body:not(.kk-sf-open) .kk-sf-panel{
  left:-99999px !important; top:0 !important;
  right:auto !important; bottom:auto !important;
  opacity:0; pointer-events:none;
}
.kk-sf-head{
  position:fixed;
  z-index:421;
  display:none;
  align-items:center;
  gap:10px;
  height:26px;
  padding:0 8px;
  border-radius:9px 9px 0 0;
  background:#16202c;
  border:1px solid #2b3a4d;
  border-bottom:none;
  color:#9fb0c4;
  font-size:11.5px;
  letter-spacing:.04em;
  cursor:move;
  user-select:none;
  transform:translateY(-100%);
  min-width:120px;
}
body.kk-sf-open .kk-sf-head{display:flex}
.kk-sf-head .kk-sf-title{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-sf-head .kk-sf-min{
  flex:0 0 auto;width:20px;height:20px;line-height:18px;text-align:center;
  border-radius:7px;background:#1e2b3a;color:#c9d6e4;cursor:pointer;font-size:13px;
}
.kk-sf-head .kk-sf-min:hover{background:#26405a;color:#fff}
#kk-sf-btn{
  position:fixed;right:14px;bottom:18px;z-index:419;
  display:inline-flex;align-items:center;gap:6px;
  height:34px;padding:0 12px;border-radius:10px;
  background:#12303a;border:1px solid #1d5566;color:#7fe4f5;
  font-size:12.5px;cursor:pointer;white-space:nowrap;
  box-shadow:0 8px 22px rgba(0,0,0,.45);
}
#kk-sf-btn:hover{background:#16404f}
@media (max-width:720px){
  .kk-sf-panel{right:6px;bottom:56px;padding:8px}
  .kk-sf-panel canvas{max-width:min(64vw,320px) !important;height:auto !important}
}