/* 1. 顶部信息栏外围背景 */
.topbar-wrapper {
    background-color: #111418; 
    color: #8da2b5;          
    font-size: 13px;
    padding: 8px 0;          /* 【优化】电脑端恢复到8px留白，看起来更舒展不压抑 */
    border-bottom: none;     
}

/* 2. 主内容区宽度限制与对齐 */
.topbar-container {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px; 
}

.topbar-left span {
    letter-spacing: 0.5px;
}

/* 3. 桌面端联系方式布局 */
.topbar-right {
    display: flex;
    gap: 24px;               
}

.topbar-right a {
    color: #8da2b5;          
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;                
    transition: opacity 0.3s ease;
    
    /* 👇 新增这行：强制使用标准无衬线英文字体，避免中文字体加宽数字 */
    font-family: Arial, Helvetica, sans-serif !important; 
}
.topbar-right a:hover {
    opacity: 0.7;
}

/* 强制统一图标尺寸，防止和变小的文字比例失衡 */
.topbar-right a svg {
    color: #b58238; 
    width: 14px !important;
    height: 14px !important;
}

/* 4. 移动端响应式：单行紧凑展示 */
@media (max-width: 768px) {
    /* 手机端依然保持极限压缩 */
    .topbar-wrapper {
        padding: 5px 0 !important; 
    }
    
    .topbar-left {
        display: block;          
    }
    
    .topbar-container {
        flex-direction: column !important;  
        align-items: flex-start !important; 
        padding: 0 12px !important;  
        gap: 4px !important; 
    }
    
    .topbar-right {
        display: flex !important;
        flex-direction: row !important;  
        flex-wrap: nowrap !important;    
        align-items: center !important; 
        gap: 12px !important;            
        width: 100% !important;
    }
    
    .topbar-right a {
        font-size: 11.5px !important;    /* 稍微放大半个像素，尽量在塞满和清晰中找平衡 */
        line-height: 1.2 !important; 
        margin: 0 !important;        
        white-space: nowrap !important;
    }

    .topbar-left span {
        font-size: 12px !important;      
        line-height: 1.2 !important; 
        margin: 0 !important;
    }
}