/* Original site CSS is in reference/. Only local interaction states go here. */
[data-reference-portal] [hidden] { display: none !important; }
.g-sidebar-item-category > [role="button"]:focus-visible { outline: 2px solid var(--primary-color, #009fe3); outline-offset: -2px; }
.reference-toast { position: fixed; z-index: 1500; left: 50%; top: 24px; transform: translateX(-50%); padding: 9px 16px; border-radius: 8px; background: var(--ui-modal-content-bg, white); color: var(--ui-text-color, #333); box-shadow: 0 6px 24px #0002; font: 14px/22px system-ui, sans-serif; }
[data-reference-portal] .ui-drawer-body,
[data-overlayscrollbars-viewport] { overscroll-behavior: contain; }
[data-gehub-scroll] .os-scrollbar-track { touch-action: none; }
[data-gehub-scroll] .os-scrollbar-handle:focus-visible { outline: 2px solid var(--primary-color, #009fe3); }
.reference-contract-note { margin: 12px 0 20px; color: var(--ui-text-color, #475467); font-size: 13px; line-height: 1.7; }
.reference-contract-note summary { cursor: pointer; color: var(--ui-primary-color, #6670f0); }
.reference-contract-note p { margin: 8px 0 0; max-width: 78ch; }
.reference-copy-buffer { position: fixed; left: -10000px; top: 0; width: 1px; height: 1px; font-size: 16px; }
.reference-copy-tooltip { position: fixed; max-width: min(var(--ui-tooltip-max-width), calc(100vw - 16px)); }
.reference-copy-dialog { width: min(600px, calc(100vw - 32px)); box-sizing: border-box; border: 1px solid var(--ui-border-color-base, #ddd); border-radius: 12px; padding: 24px; background: var(--ui-modal-content-bg, var(--ui-body-background, white)); color: var(--ui-text-color, #344054); box-shadow: 0 20px 60px #0003; }
.reference-copy-dialog::backdrop { background: #0005; }
.reference-copy-dialog h2 { margin: 0 0 12px; font-size: 20px; }
.reference-copy-dialog p { margin-bottom: 16px; line-height: 1.6; }
.reference-copy-dialog textarea { box-sizing: border-box; display: block; width: 100%; min-height: 160px; max-height: 50vh; resize: vertical; padding: 12px; margin-bottom: 16px; border: 1px solid var(--ui-border-color-base, #ddd); border-radius: 8px; background: inherit; color: inherit; font: 14px/1.6 monospace; }
[data-reference-copy]:focus-visible, [data-reference-base]:focus-visible, [data-reference-schema]:focus-visible { outline: 2px solid var(--ui-primary-color, #6670f0); outline-offset: 2px; }
[data-reference-resize] { cursor: col-resize; position: relative; }
[data-reference-resize]::after { content: ''; position: absolute; inset: 0 -4px; }
.app-json-schema-viewer [hidden] { display: none !important; }
[aria-label="代码示例"]:focus-within [data-reference-copy="code"] { display: inline-block; }
@media (hover: none) { [data-reference-copy="code"] { display: inline-block !important; } }
@media (prefers-reduced-motion: reduce) {
  html[data-reference-route] *, html[data-reference-route] *::before, html[data-reference-route] *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
