.bim-dialog { position: absolute; background: var(--bim-dialog-bg, var(--bim-bg-elevated)); border: 1px solid var(--bim-dialog-border-color, var(--bim-border-default)); border-radius: var(--bim-dialog-radius, 4px); box-shadow: var(--bim-shadow-lg); display: flex; flex-direction: column; z-index: 10001; color: var(--bim-dialog-text-color, var(--bim-text-secondary)); overflow: hidden; min-width: 200px; min-height: 100px; pointer-events: auto; } .bim-dialog-header { position: relative; min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 10px 0 18px; cursor: default; user-select: none; flex-shrink: 0; border-bottom: 1px solid var(--bim-border-subtle, var(--bim-dialog-border-color, var(--bim-border-default))); box-shadow: var(--bim-shadow-sm); z-index: 1; } .bim-dialog-header.draggable { cursor: move; } .bim-dialog-title { flex: 1; min-width: 0; font-size: 18px; font-weight: 300; line-height: 1.2; letter-spacing: 0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--bim-dialog-title-color, var(--bim-text-primary)); } .bim-dialog-close { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; cursor: pointer; color: var(--bim-text-secondary); border-radius: 4px; transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; flex-shrink: 0; margin-left: 8px; } .bim-dialog-close:hover { color: var(--bim-text-primary); background-color: var(--bim-component-bg-hover, rgba(15, 23, 42, 0.06)); box-shadow: inset 0 0 0 1px var(--bim-border-subtle, var(--bim-dialog-border-color, var(--bim-border-default))); } .bim-dialog-close svg { display: block; width: 20px; height: 20px; } .bim-dialog-content { flex: 1; overflow: auto; font-size: 14px; color: var(--bim-dialog-text-color, var(--bim-text-secondary)); background: var(--bim-dialog-bg, var(--bim-bg-elevated)); } /* 缩放句柄 */ .bim-dialog-resize-handle { position: absolute; width: 28px; height: 28px; right: 2px; bottom: 2px; cursor: se-resize; z-index: 10; border-radius: 4px 0 4px 0; transition: background-color 0.2s ease; } .bim-dialog-resize-handle:hover { background: var(--bim-component-bg-hover, rgba(15, 23, 42, 0.04)); } .bim-dialog-resize-handle::after { content: ''; position: absolute; right: 7px; bottom: 7px; width: 11px; height: 11px; border-right: 2px solid var(--bim-text-tertiary); border-bottom: 2px solid var(--bim-text-tertiary); } .bim-dialog-resize-handle::before { content: ''; position: absolute; right: 11px; bottom: 11px; width: 6px; height: 6px; border-right: 2px solid var(--bim-text-tertiary); border-bottom: 2px solid var(--bim-text-tertiary); opacity: 0.85; } .bim-dialog-resize-handle:hover::after, .bim-dialog-resize-handle:hover::before { border-color: var(--bim-text-primary); }