/* ============================================================
   赛事中心（多赛事列表页）样式
   依赖 css/style.css 的设计变量
   ============================================================ */

.ev-page-hero {
    padding: 54px 0 40px;
    text-align: center;
    position: relative;
}
.ev-page-hero .kicker {
    font-size: 12.5px;
    letter-spacing: 3px;
    color: var(--gold);
    margin-bottom: 10px;
    text-transform: uppercase;
}
.ev-page-hero h1 {
    font-size: clamp(1.9rem, 4.5vw, 2.8rem);
    color: var(--text);
    margin: 0 0 10px;
    letter-spacing: 2px;
}
.ev-page-hero .sub {
    color: var(--text-muted);
    font-size: .95rem;
    margin: 0 auto 18px;
    max-width: 640px;
    line-height: 1.9;
}

/* 顶部工具条：账号区 + 创建按钮 */
.ev-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 18px;
}
.ev-toolbar .who { font-size: 13px; color: var(--text-muted); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ev-toolbar .who b { color: var(--text); }
.ev-toolbar .actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

/* 赛事卡片 */
.ev-list { display: flex; flex-direction: column; gap: 14px; }
.ev-card {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-left: 3px solid var(--blue);
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: border-color .2s, background .2s;
}
.ev-card:hover { background: rgba(255, 255, 255, 0.065); }
.ev-card.st-signup { border-left-color: var(--green); }
.ev-card.st-finished { border-left-color: rgba(255, 255, 255, 0.22); opacity: .88; }

.ev-card-head { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; flex-wrap: wrap; }
.ev-card-title { min-width: 0; }
.ev-card-title .line {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.ev-card-title h3 { margin: 0; color: var(--text); font-size: 1.12rem; letter-spacing: .5px; }
.ev-card-title .ev-sub { color: var(--text-muted); font-size: 13px; margin: 4px 0 0; line-height: 1.7; }
.ev-enter { flex: none; }

.ev-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    color: var(--text-muted);
    font-size: 12.5px;
}
.ev-meta .org { color: var(--gold); }

.ev-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    padding-top: 11px;
    font-size: 12.5px;
}
.ev-stats { display: flex; gap: 18px; flex-wrap: wrap; color: var(--text-muted); }
.ev-stats b { color: var(--text); font-weight: 600; }
.ev-stats .gold b { color: var(--gold); }
.ev-mine { display: flex; align-items: center; gap: 8px; }
.ev-mine .lbl { color: var(--text-muted); }
.ev-champ { color: var(--gold); font-size: 13px; }

/* 空态 */
.ev-empty {
    text-align: center;
    color: var(--text-muted);
    padding: 48px 16px;
    border: 1px dashed rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    line-height: 2;
}
.ev-empty .big { font-size: 2rem; display: block; margin-bottom: 6px; }
.ev-empty b { color: var(--text); }

/* 模态中的两列表单工具 */
.ev-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
@media (max-width: 767px) {
    .ev-form-grid { grid-template-columns: 1fr; }
    .ev-card-head { flex-direction: column; }
    .ev-enter { width: 100%; }
    .ev-enter .admin-btn { width: 100%; }
}