﻿
/* Logo容器 - 简约现代风格 */
.logo {
    font-family: 'Microsoft YaHei', 'Segoe UI', sans-serif;
    font-size: 0;
    position: relative;
    width: 192px;
    flex-shrink: 0;
}

/* 帮手网三个字的统一基础样式 */
.logo-char {
    display: inline-block;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    position: relative;
    transition: all 0.3s ease;
}

/* 帮字样式 */
.bang {
    color: var(--secondary);
    transform: translateY(0);
}

/* 手字样式 */
.shou {
    color: var(--primary);
    transform: translateY(5px);
}

/* 网字样式 */
.wang {
    color: var(--accent);
    transform: translateY(-5px);
}

/* 悬停动画效果 */
.logo:hover .bang {
    transform: translateY(-3px);
    cursor:pointer;
}

.logo:hover .shou {
    transform: translateY(8px);
    cursor: pointer;
}

.logo:hover .wang {
    transform: translateY(-8px);
    cursor: pointer;
}

/* 文字底部装饰线 */
.logo::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--secondary), var(--primary), var(--accent));
    transform: scaleX(0.8);
    opacity: 0.8;
    transition: all 0.3s ease;
}

.logo:hover::after {
    transform: scaleX(1);
    opacity: 1;
}

