/* ============================================================
   Sun-Panel IP 状态胶囊 - 稳定版
   ============================================================ */

.sun-network-capsule {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 50 !important; /* 降低层级，让它不遮挡 UI 交互 */
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    
    height: 32px !important; /* 固定高度，减小垂直占用 */
    padding: 0 12px !important;
    background: rgba(15, 23, 42, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-top: none !important;
    
    font-family: 'JetBrains Mono', 'Fira Code', monospace !important;
    white-space: nowrap !important;
    pointer-events: auto !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.pill-sec {
    display: flex !important;
    align-items: center !important;
    padding: 0 8px !important;
    height: 100% !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important; /* 保护 IP 不被压缩 */
}

.pill-sec:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.pill-label {
    font-size: 8px !important;
    font-weight: 900 !important;
    margin-right: 6px !important;
    padding: 0px 4px !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
}

.lab-pub { 
    background: rgba(16, 185, 129, 0.2) !important; 
    color: #10b981 !important;
}

.lab-prx { 
    background: rgba(139, 92, 246, 0.2) !important;
    color: #a78bfa !important;
}

.pill-val {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #f8fafc !important;
}

.pill-tag {
    margin-left: 6px !important;
    font-size: 10px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    font-weight: 500 !important;
    max-width: 120px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.pill-sep {
    width: 1px !important;
    height: 10px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    margin: 0 4px !important;
}

/* 响应式：在窄屏下隐藏归属地，优先保证单行显示 IP */
@media (max-width: 640px) {
    .pill-tag {
        display: none !important;
    }
    .sun-network-capsule {
        padding: 0 4px !important;
    }
}