/* =========================================================
   高校电竞?· 办赛控制台增强样式（eventplus?   ========================================================= */

/* 分段选择（办赛模式等）—?顶级审美滑动指示器控?*/
.seg{ position:relative; display:flex; width:100%; background:var(--bg-2); border:1px solid var(--line); border-radius:14px; padding:4px; isolation:isolate; }
.seg--auto{ width:auto; }
.seg label{ position:relative; z-index:1; flex:1 1 0; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:10px 14px; border:none; border-radius:10px; font-size:13.5px; font-weight:600; color:var(--muted); cursor:pointer; background:transparent; transition:color .28s var(--ease); white-space:nowrap; user-select:none; -webkit-tap-highlight-color:transparent; }
.seg input{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }
.seg label:hover{ color:var(--ink-2); }
.seg label:has(input:checked){ color:var(--blue); }
.seg::before{ content:''; position:absolute; z-index:0; top:4px; bottom:4px; left:4px; width:calc((100% - 8px) / var(--seg-n, 3)); border-radius:10px; background:#fff; box-shadow:0 6px 18px -6px rgba(0,102,255,.5); transform:translateX(calc(100% * var(--seg-i, 0))); transition:transform .34s cubic-bezier(.2,.9,.2,1), width .2s var(--ease); }
.seg label:active{ transform:scale(.98); }
@media (max-width:520px){ .seg label{ padding:9px 10px; font-size:12.5px; } }

/* KV / 群码 操作按钮 */
.cfg-actions{ display:flex; gap:8px; margin-top:10px; }
.cfg-preview-img.qr{ max-width:200px; }
.cfg-empty{ border:2px dashed var(--line); border-radius:12px; padding:22px; text-align:center; color:var(--muted); font-size:13px; background:var(--bg-2); }

/* 数据看板 donut */
.donut-wrap{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.donut{ width:140px; height:140px; border-radius:50%; position:relative; flex:none; }
.donut-hole{ position:absolute; inset:32px; background:var(--bg); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; font-weight:800; font-size:22px; color:var(--ink); }
.donut-hole small{ font-size:12px; color:var(--muted); font-weight:500; }
.donut-legend{ display:flex; flex-direction:column; gap:10px; font-size:14px; color:var(--ink-2); }
.donut-legend div{ display:flex; align-items:center; gap:8px; }
.donut-legend i{ width:14px; height:14px; border-radius:4px; display:inline-block; }

/* 赛事详情 meta / 规则 */
.ev-meta{ display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:12px; }
.ev-meta span{ font-size:13px; color:var(--ink-3); background:var(--bg-2); border:1px solid var(--line); padding:5px 10px; border-radius:999px; }
.ev-rule{ margin-bottom:10px; }
.ev-rule b{ display:block; font-size:13px; color:var(--h-pink,#FF2D78); margin-bottom:3px; }
.ev-rule p{ margin:0; font-size:14px; color:var(--ink-2); line-height:1.6; white-space:pre-wrap; }

/* 看板导出?*/
.dash-export{ padding-bottom:6px; }

/* 报名 / 裁切 模态内通用间距 */
#modalRoot .field label{ font-size:13px; }