/* Aurora Admin BottomSheet 样式 — 对齐 组件7.txt BottomSheet:底部滑出面板,遮罩点击关闭,内容滚动 */ .aa-sheet-mask { position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 2000; opacity: 0; pointer-events: none; transition: opacity .25s; } .aa-sheet-mask.is-open { opacity: 1; pointer-events: auto; } .aa-sheet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2001; background: var(--au-color-card-bg); border-radius: 12px 12px 0 0; transform: translateY(100%); transition: transform .25s; max-height: 80vh; display: flex; flex-direction: column; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); } .aa-sheet.is-open { transform: translateY(0); } .aa-sheet-handle { width: 36px; height: 4px; border-radius: 2px; background: var(--au-color-border); margin: 8px auto; cursor: grab; flex-shrink: 0; } .aa-sheet-header { padding: 4px 16px 12px; font-size: 16px; font-weight: 500; color: var(--au-color-text-title); border-bottom: 1px solid var(--au-color-border); } .aa-sheet-body { padding: 16px; overflow: auto; flex: 1; color: var(--au-color-text-body); font-size: 14px; line-height: 1.6; } .aa-sheet-footer { padding: 12px 16px; border-top: 1px solid var(--au-color-border); display: flex; justify-content: flex-end; gap: 8px; } .aa-sheet-btn { height: 32px; padding: 0 16px; border-radius: 6px; border: 1px solid var(--au-color-border); background: var(--au-color-card-bg); color: var(--au-color-text-body); cursor: pointer; font-size: 14px; } .aa-sheet-btn.primary { background: var(--au-color-brand); border-color: var(--au-color-brand); color: var(--au-color-text-inverse); }