apps/desktop/src/renderer/styles/quote-chip.css

/* Select-text → quote chip (Codex/Cursor-style).
   -------------------------------------------------------------------------
   `.maka-quote-action`: the floating "引用" pill that appears above a text
   selection in the transcript. Positioned via inline top/left (viewport coords
   of the selection) and centered on the selection midpoint with
   translateX(-50%). Low-key elevated pill that brightens on hover; uses
   neutral state tokens and no cursor:pointer (CSS governance). */
.maka-quote-action {
  position: fixed;
  transform: translateX(-50%);
  z-index: var(--z-panel-action);
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-2-5);
  border: var(--border-width-hairline) solid var(--border-strong);
  border-radius: var(--radius-pill);
  background: var(--background);
  color: var(--foreground-secondary);
  box-shadow: var(--shadow-medium);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  transition:
    color var(--duration-quick) var(--ease-out-strong),
    background var(--duration-quick) var(--ease-out-strong);
  -webkit-app-region: no-drag;
}

.maka-quote-action:hover {
  color: var(--foreground);
  background: var(--state-hover-bg);
}

.maka-quote-action:active {
  background: var(--state-selected-bg);
}

.maka-quote-action:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: var(--focus-ring-offset);
}