/* 赛事画廊：与原站筛选能力一致，使用本地接口实际字段。 */
.gallery-toolbar{display:grid;grid-template-columns:minmax(190px,1.45fr) repeat(4,minmax(128px,1fr)) auto auto;gap:12px;align-items:end;padding:16px;margin-bottom:20px;border:1px solid rgba(177,213,196,.3);border-radius:20px;background:linear-gradient(135deg,rgba(24,54,38,.76),rgba(7,24,16,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 38px rgba(0,0,0,.14)}
.gallery-control{display:grid;gap:7px;min-width:0;color:var(--muted);font-size:13px;font-weight:750;letter-spacing:.01em}
.gallery-control input,.gallery-control select{width:100%;min-width:0;height:48px;padding:0 13px;border:1px solid rgba(219,243,226,.22);border-radius:13px;outline:none;background:rgba(3,15,9,.58);color:var(--ink);font:inherit;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}
.gallery-control input::placeholder{color:#91a79a}.gallery-control select{appearance:auto;cursor:pointer}.gallery-control select option{background:#10251a;color:#f1fbf4}.gallery-control input:focus-visible,.gallery-control select:focus-visible,.gallery-alert-toggle:focus-within,.gallery-reset:focus-visible{border-color:var(--green);box-shadow:0 0 0 3px rgba(121,232,163,.19)}
.gallery-alert-toggle{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 5px;white-space:nowrap;color:#dbece1;font-size:14px;font-weight:750;cursor:pointer}.gallery-alert-toggle input{appearance:none;width:22px;height:22px;margin:0;border:1px solid rgba(208,235,218,.58);border-radius:7px;background:rgba(3,15,9,.64);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);cursor:pointer;transition:background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease)}.gallery-alert-toggle input:checked{border-color:#8debb4;background-color:#78dfa0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.4 8.1 14 16 5.8' fill='none' stroke='%230b2d1b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}.gallery-alert-toggle input:active{transform:scale(.94)}.gallery-alert-toggle input:focus-visible{outline:3px solid rgba(121,232,163,.25);outline-offset:2px}
.gallery-reset{min-height:48px;padding:0 13px;border:1px solid rgba(219,243,226,.3);border-radius:13px;background:rgba(255,255,255,.025);color:#dbece1;font:inherit;font-size:14px;font-weight:750;white-space:nowrap;cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}
.gallery-reset:hover{border-color:rgba(121,232,163,.6);background:rgba(121,232,163,.1);transform:translateY(-1px)}.gallery-toolbar .data-state{grid-column:1/-1;margin:1px 0 0;padding:4px 1px;background:none;color:var(--muted);font-size:12px}
@media (max-width:1180px){.gallery-toolbar{grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(132px,1fr));}.gallery-alert-toggle,.gallery-reset{align-self:end}.gallery-toolbar .data-state{grid-column:1/-1}}
@media (max-width:760px){.gallery-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:14px;border-radius:16px}.gallery-search{grid-column:1/-1}.gallery-alert-toggle,.gallery-reset{min-height:48px}.gallery-toolbar .data-state{font-size:12px;line-height:1.5}}
@media (max-width:430px){.gallery-toolbar{grid-template-columns:1fr}.gallery-search{grid-column:auto}.gallery-alert-toggle{padding:0 2px}.gallery-reset{width:100%}}
@media (prefers-reduced-motion:reduce){.gallery-control input,.gallery-control select,.gallery-reset{transition:none}.gallery-reset:hover{transform:none}}

/* 筛选控件采用统一的圆润实体表面；保留原生 select，确保键盘与移动端选择器可用。 */
.gallery-toolbar .gallery-control input,
.gallery-toolbar .gallery-control select {
  min-height: 50px;
  border-radius: 18px;
  border-color: rgba(201, 229, 210, .31);
  background-color: rgba(3, 18, 10, .72);
}

.gallery-toolbar .gallery-control input:hover,
.gallery-toolbar .gallery-control select:hover {
  border-color: rgba(137, 225, 170, .58);
  background-color: rgba(6, 31, 18, .82);
}

.gallery-toolbar .gallery-control select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 48px;
  color-scheme: dark;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5.25 7.75 4.75 4.75 4.75-4.75' fill='none' stroke='%23d9eee0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 17px center;
  background-size: 18px 18px;
}

.gallery-toolbar .gallery-control select option {
  background: #10271a;
  color: #f2fbf5;
}

.gallery-toolbar .gallery-control select option:checked {
  background: #285e3e;
  color: #fff;
}

.gallery-toolbar .gallery-control input:focus-visible,
.gallery-toolbar .gallery-control select:focus-visible {
  border-color: #7de8a5;
  box-shadow: 0 0 0 4px rgba(121, 232, 163, .18), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.gallery-toolbar .gallery-reset {
  min-height: 50px;
  border-radius: 18px;
}

@media (max-width: 760px) {
  .gallery-toolbar .gallery-control input,
  .gallery-toolbar .gallery-control select,
  .gallery-toolbar .gallery-reset {
    min-height: 52px;
    border-radius: 17px;
  }
}
