/* Halo 字体管理插件 - 字体切换浮窗样式 */
.hpf-widget {
  position: fixed;
  z-index: 9999;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.hpf-bottom-right { right: 20px; bottom: 20px; }
.hpf-bottom-left { left: 20px; bottom: 20px; }
.hpf-top-right { right: 20px; top: 20px; }
.hpf-top-left { left: 20px; top: 20px; }

.hpf-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: #fff;
  background: #4f46e5;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  transition: transform 0.15s ease, background 0.15s ease;
}

.hpf-trigger:hover { background: #4338ca; transform: scale(1.06); }
.hpf-trigger.hpf-open { background: #4338ca; }

.hpf-trigger-icon {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: bold;
  font-size: 16px;
}

.hpf-panel {
  position: absolute;
  bottom: 50px;
  right: 0;
  min-width: 180px;
  max-height: 320px;
  overflow-y: auto;
  padding: 10px 6px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
}

.hpf-bottom-left .hpf-panel,
.hpf-top-left .hpf-panel { right: auto; left: 0; }

.hpf-top-right .hpf-panel,
.hpf-top-left .hpf-panel { bottom: auto; top: 50px; }

.hpf-panel-title {
  padding: 2px 10px 8px;
  font-size: 12px;
  color: #6b7280;
  border-bottom: 1px solid #f0f0f0;
}

.hpf-list {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
}

.hpf-list li {
  padding: 7px 12px;
  border-radius: 6px;
  cursor: pointer;
  color: #1f2937;
  white-space: nowrap;
}

.hpf-list li:hover { background: #f3f4f6; }

.hpf-list li.hpf-active {
  color: #4f46e5;
  background: #eef2ff;
  font-weight: 600;
}

@media (prefers-color-scheme: dark) {
  .hpf-panel { background: #1f2937; }
  .hpf-panel-title { color: #9ca3af; border-bottom-color: #374151; }
  .hpf-list li { color: #e5e7eb; }
  .hpf-list li:hover { background: #374151; }
  .hpf-list li.hpf-active { color: #a5b4fc; background: #312e81; }
}