/* logo.css */

.logo {
    position: relative; /* 或 absolute */
    left: -200px; /* 向左移动 Logo */
}

.logo a {
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #333; /* 纯色字体，不会出阴影 */
    text-decoration: none;
}


.logo a:hover {
    text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
    transform: scale(1.05);
}

.logo .icon {
    display: inline-block;
    margin-right: 8px;
    font-size: 32px;
    color: #1b263b;  /* 深蓝/深灰色 */
    transform: rotate(-15deg);
    transition: transform 0.3s ease, color 0.3s ease;
}

.logo a:hover .icon {
    transform: rotate(0deg) scale(1.2);
    color: #2e3b4e; /* 悬停时稍微亮一点 */
}

.logo a {
    display: flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

.logo-img {
    height: 40px;  /* 根据实际 Logo 大小调整 */
    margin-right: 10px;
}

.logo-text {
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}