/* === Global theme === */
:root{
  --bg:#0b0b0f; --accent:#ff8c1a; --accent2:#ffb74d;
  --txt:#eef2f6; --muted:rgba(255,255,255,.65);
}
html,body{height:100%;background:var(--bg)}
.bg-wrap{min-height:100%;position:relative;
  background:radial-gradient(1000px 420px at 10% -10%, #2b2d3a 0%, transparent 60%),
             radial-gradient(900px 420px at 100% 10%, #1d1e2b 0%, transparent 60%),
             linear-gradient(180deg,#0b0b0f 0%, #0b0b0f 100%);
}
.overlay{position:absolute;inset:0;background:rgba(255,255,255,.02);pointer-events:none}
.content{position:relative;z-index:1;color:#fff}
.brand{color:var(--accent2);text-shadow:0 2px 14px rgba(255,140,26,.35);letter-spacing:.03em}
.text-light-50{color:var(--muted)}

.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:1fr}
@media(min-width:740px){.grid-2{grid-template-columns:1fr 1fr}}

/* === Entry card === */
.entry{
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;padding:.9rem 1rem;text-decoration:none;color:#fff;
  transition:transform .15s,border-color .2s,box-shadow .2s;
  column-gap:12px;
}
.entry:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.entry-info{display:flex;flex-direction:column;flex:1;min-width:0}
.entry-name{
  font-size:1.12rem;color:var(--txt);font-weight:900;letter-spacing:.3px;
  display:flex;align-items:center;gap:.5rem;min-width:0;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}

/* === Glass dark button (matches card) === */
.entry-action{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
  border-radius: 14px;
  padding:.55rem 1rem;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-weight:800;
  letter-spacing:.4px;
  transition: all .18s ease;
  box-shadow: 0 6px 14px rgba(0,0,0,.25);
}
.entry:hover .entry-action{
  border-color: rgba(255,140,26,.6) !important;
  box-shadow: 0 0 0 2px rgba(255,140,26,.15), 0 10px 22px rgba(0,0,0,.35);
}
.entry-action svg{ stroke: currentColor; }

@media (max-width: 520px){
  .entry-action{
    padding:.5rem .9rem;
    border-radius: 12px;
    font-weight:700;
    letter-spacing:.2px;
  }
}

/* === Latency badge === */
.latency{
  font-size:.74rem;padding:.10rem .40rem;border-radius:999px;font-weight:700;line-height:1;white-space:nowrap;
  font-variant-numeric: tabular-nums; min-width:3.2rem; text-align:center; display:inline-block;
}
.latency.badge-fast{background:rgba(20,195,142,.16);color:#a8ffe6;border:1px solid rgba(20,195,142,.45)}
.latency.badge-mid{background:rgba(255,183,77,.16);color:#ffe1b5;border:1px solid rgba(255,183,77,.45)}
.latency.badge-slow{background:rgba(255,77,77,.16);color:#ffd3d3;border:1px solid rgba(255,77,77,.45)}

/* === Footer extra highlight (neon green) === */
footer .footer-extra {
  margin-bottom: .6rem;
  color: #00ff00; /* 荧光绿 */
  font-weight: 700;
  font-size: 0.95rem;
  text-shadow: 0 0 10px rgba(0,255,0,0.9), 0 0 20px rgba(0,255,0,0.6);
}