/* Aurora Admin SwitchGroup 样式 — 对齐 组件7.txt SwitchGroup:多个开关组合,可分组、全选、联动 */ .aa-switchgroup { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); color: #262626; } .aa-switchgroup-head { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #E8ECF1; margin-bottom: 8px; } .aa-switchgroup-title { font-size: 14px; font-weight: 500; color: #1F2329; } .aa-switch-row { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; } .aa-switch-text { display: flex; flex-direction: column; } .aa-switch-label { font-size: 14px; color: #262626; } .aa-switch-desc { font-size: 12px; color: #8C8C8C; margin-top: 2px; } .aa-switch { position: relative; width: 44px; height: 22px; border-radius: 11px; background: #E8ECF1; cursor: pointer; transition: background .2s; flex-shrink: 0; } .aa-switch.is-on { background: #2F54EB; } .aa-switch::after { content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: left .2s; } .aa-switch.is-on::after { left: 24px; }