.logo {
    float: left;
    height: clamp(45px, 8vw, 60px);
}

.logo a {
    display: flex;              /* 使用 Flex 布局 */
    align-items: center;        /* 垂直居中对齐 */
    height: 100%;               /* 撑满父容器高度 */
    gap: clamp(5px, 1vw, 10px); /* 图文间距 */
    text-decoration: none;      /* 去除链接下划线 */
}

.logo img {
    width: clamp(32px, 5vw, 40px);
    height: clamp(32px, 5vw, 40px);
    display: block;             /* 消除图片底部间隙 */
    flex-shrink: 0;             /* 防止图片被压缩 */
}

.logo span {
    font-size: clamp(16px, 2.5vw, 20px);
    background:linear-gradient(135deg, var(--primary-yellow) 0%, var(--dark-yellow) 100%);
    color: transparent;
    font-weight: bold;
    -webkit-background-clip:text;
    white-space: nowrap;
    line-height: 1;             /* 避免行高影响垂直居中 */
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
    .logo {
        height: clamp(40px, 9vw, 50px);
    }

    .logo a {
        gap: clamp(4px, 1.5vw, 6px);
    }

    .logo span {
        font-size: clamp(12px, 3.2vw, 16px);
    }

    .logo img {
        width: clamp(28px, 6vw, 36px);
        height: clamp(28px, 6vw, 36px);
    }
}

/* 超小屏幕 */
@media screen and (max-width: 375px) {
    .logo span {
        font-size: clamp(11px, 3vw, 14px);
    }

    .logo img {
        width: clamp(24px, 5.5vw, 32px);
        height: clamp(24px, 5.5vw, 32px);
    }
}