.ping-page{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.ping-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.ping-title-wrap{align-items:flex-start;gap:14px;display:flex}.ping-title-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.ping-title{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:700;line-height:1.2}.ping-subtitle{color:var(--text-secondary);max-width:600px;font-size:14px;line-height:1.5}.ping-refresh-btn{border-radius:var(--radius-full);background:var(--glass-bg);width:40px;height:40px;-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ping-refresh-btn:hover{background:var(--glass-bg-solid);transform:rotate(30deg)}.ping-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ping-spin{animation:1s linear infinite spin}.ping-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.ping-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:20px;padding:16px;display:flex}.ping-card:hover{box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.ping-card-top{align-items:center;gap:10px;display:flex}.ping-card-icon{color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.ping-card-name{color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast);flex:1;font-size:15px;font-weight:600;text-decoration:none}.ping-card-name:hover{color:var(--accent)}.ping-card-refresh{border-radius:var(--radius-full);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ping-card-refresh:hover{background:var(--glass-bg-solid);color:var(--text-primary)}.ping-card-refresh:disabled{opacity:.5;cursor:not-allowed}.ping-card-bottom{justify-content:space-between;align-items:center;min-height:20px;display:flex}.ping-status-label{font-size:13px;font-weight:500}.ping-latency{font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.brand-icon-wrap{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.brand-icon-fallback{justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.brand-icon-fallback.hidden{opacity:0;pointer-events:none}.brand-icon-real{opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.brand-icon-real.visible{opacity:1}.brand-icon-real svg{fill:currentColor}.ping-pulse-dot{border-radius:var(--radius-full);background:var(--accent);width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.ping-card.pending .ping-card-icon{opacity:.5}@media (max-width:1024px){.ping-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.ping-grid{grid-template-columns:repeat(2,1fr)}.ping-title{font-size:22px}}@media (max-width:480px){.ping-grid{grid-template-columns:1fr}.ping-page{padding:24px 16px 60px}}