/**
 * Logo专用样式文件
 * 避免样式冲突，统一管理Logo样式
 */

/* ===== Logo基础样式 ===== */
.logo-img {
    width: 54px !important;
    height: 42px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
    transform: scale(1) !important;
    transform-origin: center !important;
    transition: transform 0.3s ease !important;
}

.logo-img:hover {
    transform: scale(1.1) !important;
}

.logo-name {
    color: #173f72 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* ===== 响应式Logo尺寸 ===== */

/* 平板设备 (768px - 1024px) */
@media (max-width: 1024px) {
    .logo-img {
        width: 50px !important;
        height: 39px !important;
    }

    .logo-name {
        font-size: 13px !important;
    }
}

/* 移动端设备 (768px以下) */
@media (max-width: 768px) {
    .logo-img {
        width: 46px !important;
        height: 35px !important;
    }

    .logo-name {
        font-size: 12px !important;
    }
}

/* 小屏手机 (480px以下) */
@media (max-width: 480px) {
    .logo-img {
        width: 42px !important;
        height: 32px !important;
    }

    .logo-name {
        font-size: 11px !important;
    }
}

/* 超小屏手机 (360px以下) */
@media (max-width: 360px) {
    .logo-img {
        width: 38px !important;
        height: 29px !important;
    }

    .logo-name {
        font-size: 10px !important;
    }
}

/* ===== 高分辨率屏幕优化 ===== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .logo-img {
        image-rendering: -webkit-optimize-contrast !important;
        image-rendering: crisp-edges !important;
    }
}