.server-card[data-v-566a67bf]{background:var(--bg-card);border:1px solid #1e88e533;border-radius:16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0d}.server-card[data-v-566a67bf]:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent), var(--primary));height:4px;position:absolute;top:0;left:0;right:0}.server-card[data-v-566a67bf]:hover{box-shadow:0 12px 40px #1e88e54d, 0 0 0 1px var(--primary);border-color:var(--primary);transform:translateY(-8px)}.server-header[data-v-566a67bf]{background:var(--bg-header);border-bottom:1px solid #ffffff0d;padding:20px}.server-name[data-v-566a67bf]{color:var(--text);align-items:center;gap:10px;margin:0 0 10px;font-size:1.3rem;font-weight:700;display:flex}.server-name[data-v-566a67bf]:before{content:"🦎";font-size:1.2rem}.server-meta[data-v-566a67bf]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.map-badge[data-v-566a67bf]{background:linear-gradient(135deg, var(--purple), #7c3aed);color:#fff;border-radius:12px;padding:4px 12px;font-size:.85rem;font-weight:700}.mode-badge[data-v-566a67bf]{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;border-radius:12px;padding:4px 12px;font-size:.85rem;font-weight:700}.status[data-v-566a67bf]{align-items:center;gap:8px;font-weight:700;display:flex}.status-indicator[data-v-566a67bf]{border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px}.status-online[data-v-566a67bf]{background-color:var(--online);color:var(--online)}.status-offline[data-v-566a67bf]{background-color:var(--offline);color:var(--offline)}.status-loading[data-v-566a67bf]{background-color:var(--loading);color:var(--loading);animation:1.5s infinite pulse-566a67bf}@keyframes pulse-566a67bf{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.server-details[data-v-566a67bf]{padding:20px}.server-info[data-v-566a67bf]{margin-bottom:15px}.info-row[data-v-566a67bf]{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.info-row[data-v-566a67bf]:last-child{border-bottom:none}.info-label[data-v-566a67bf]{color:var(--text-dim);align-items:center;gap:6px;font-size:.9rem;display:flex}.info-label[data-v-566a67bf]:before{content:"▸";color:var(--primary)}.ip-badge[data-v-566a67bf]{color:var(--primary-light);background:#1e88e533;border-radius:8px;padding:4px 12px;font-family:Consolas,monospace;font-size:.9rem}.port-badge[data-v-566a67bf]{color:var(--accent);background:#ff8f0033;border-radius:8px;padding:4px 12px;font-family:Consolas,monospace;font-size:.9rem}.players-badge[data-v-566a67bf]{background:linear-gradient(135deg, var(--gold), #ff8f00);color:#1a1a2e;border-radius:10px;padding:2px 10px;font-size:.9rem;font-weight:700}.connect-btn[data-v-566a67bf]{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;text-shadow:0 2px 4px #0000004d;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:14px 20px;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #1e88e566}.connect-btn[data-v-566a67bf]:hover{background:linear-gradient(135deg, var(--primary-light), var(--primary));transform:translateY(-2px);box-shadow:0 6px 20px #1e88e580}.connect-btn.disabled[data-v-566a67bf]{color:#888;cursor:not-allowed;box-shadow:none;pointer-events:none;background:linear-gradient(135deg,#444,#333)}.server-list[data-v-21f04d17]{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:25px;padding:20px 0;display:grid}.loading[data-v-21f04d17]{text-align:center;grid-column:1/-1;padding:60px 20px}.spinner[data-v-21f04d17]{border:4px solid var(--bg-card);border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin-21f04d17}@keyframes spin-21f04d17{to{transform:rotate(360deg)}}.loading p[data-v-21f04d17]{color:var(--text-dim);font-size:1.1rem}@media (width<=768px){.server-list[data-v-21f04d17]{grid-template-columns:1fr}}.dialog-overlay[data-v-f7c6400f]{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-container[data-v-f7c6400f]{background:var(--bg-card);border-radius:16px;width:90%;max-width:440px;overflow:hidden;box-shadow:0 24px 48px #00000080}.dialog-container.success[data-v-f7c6400f]{border-top:4px solid var(--online)}.dialog-container.error[data-v-f7c6400f]{border-top:4px solid var(--offline)}.dialog-container.warning[data-v-f7c6400f]{border-top:4px solid var(--gold)}.dialog-container.info[data-v-f7c6400f]{border-top:4px solid var(--primary)}.dialog-header[data-v-f7c6400f]{align-items:center;gap:10px;padding:20px 24px 12px;display:flex}.dialog-icon[data-v-f7c6400f]{font-size:1.5rem}.dialog-title[data-v-f7c6400f]{color:var(--text);flex:1;font-size:1.1rem;font-weight:700}.dialog-close[data-v-f7c6400f]{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.2rem;transition:all .2s}.dialog-close[data-v-f7c6400f]:hover{color:var(--text);background:#ffffff1a}.dialog-body[data-v-f7c6400f]{padding:12px 24px 20px}.dialog-message[data-v-f7c6400f]{color:var(--text-dim);white-space:pre-line;word-break:break-all;font-size:.95rem;line-height:1.6}.dialog-footer[data-v-f7c6400f]{border-top:1px solid #ffffff0d;justify-content:flex-end;padding:16px 24px;display:flex}.dialog-btn[data-v-f7c6400f]{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:.95rem;font-weight:700;transition:all .2s}.dialog-btn[data-v-f7c6400f]:hover{background:var(--primary-light);transform:translateY(-1px)}.dialog-enter-active[data-v-f7c6400f]{animation:.3s dialogIn-f7c6400f}.dialog-leave-active[data-v-f7c6400f]{animation:.2s dialogOut-f7c6400f}@keyframes dialogIn-f7c6400f{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes dialogOut-f7c6400f{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.container[data-v-5ab287e6]{max-width:1400px;margin:0 auto;padding:0 20px}header[data-v-5ab287e6]{margin-bottom:30px;position:relative}.header-banner[data-v-5ab287e6]{background:url(/banner.png) top/cover no-repeat;border-radius:16px 16px 0 0;width:100%;height:400px;position:relative;overflow:hidden}.header-banner[data-v-5ab287e6]:after{content:"";background:linear-gradient(#0000 50%,#0a1628e6 100%);position:absolute;inset:0}.header-content[data-v-5ab287e6]{text-align:center;background:var(--bg-header);border-bottom:3px solid var(--primary);border-radius:0 0 16px 16px;margin-top:-20px;padding:0 20px 30px;position:relative}h1[data-v-5ab287e6]{color:var(--primary-light);text-shadow:0 2px 10px #3a7ca599;margin:0 0 8px;font-size:2.5rem}.header-content>p[data-v-5ab287e6]{color:var(--text-dim);margin:0 0 20px;font-size:1.1rem}.header-stats[data-v-5ab287e6]{justify-content:center;gap:30px;display:flex}.stat-item[data-v-5ab287e6]{border:1px solid var(--primary);background:#3a7ca51a;border-radius:20px;padding:10px 20px}.stat-item span[data-v-5ab287e6]{color:var(--primary-light);font-weight:700}.instructions[data-v-5ab287e6]{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:16px;margin-top:30px;padding:25px;display:none}.instructions h3[data-v-5ab287e6]{color:var(--primary-light);align-items:center;gap:10px;margin:0 0 15px;display:flex}.instructions h3[data-v-5ab287e6]:before{content:"📖"}.instructions p[data-v-5ab287e6]{color:var(--text-dim);margin:10px 0}.instructions code[data-v-5ab287e6]{color:var(--gold);background:#0000004d;border-radius:6px;margin:10px 0;padding:8px 15px;font-family:Consolas,monospace;display:block}footer[data-v-5ab287e6]{text-align:center;color:var(--text-dim);border-top:1px solid #ffffff0d;margin-top:50px;padding:30px}@media (width<=768px){h1[data-v-5ab287e6]{font-size:1.8rem}.header-stats[data-v-5ab287e6]{flex-direction:column;gap:10px}.header-banner[data-v-5ab287e6]{height:160px}.banner-logo[data-v-5ab287e6]{font-size:4rem}}:root{--primary:#1e88e5;--primary-dark:#1565c0;--primary-light:#42a5f5;--accent:#ff8f00;--accent-dark:#e65100;--bg-dark:#0d1117;--bg-card:#161b22;--text:#e6edf3;--text-dim:#8b949e;--online:#3fb950;--offline:#f85149;--loading:#d29922;--purple:#8b5cf6;--amber:#f59e0b}*{box-sizing:border-box;margin:0;padding:0;font-family:Microsoft YaHei,Segoe UI,sans-serif}body{background:var(--bg-dark);color:var(--text);background-image:radial-gradient(at top,#1a2338 0%,#0000 50%),repeating-linear-gradient(0deg,#0000,#0000 100px,#1e88e505 100px 101px),repeating-linear-gradient(90deg,#0000,#0000 100px,#ff8f0005 100px 101px);min-height:100vh;margin:0;padding:0 20px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}