/* Logo 样式 */
.header-content {
    position: relative;
}

.hyt-logo {
    position: absolute;
    left: -50px;
    top: -20px;
    height: 150px;
    width: auto;
    z-index: 1001;
    transition: transform 0.3s ease;
    pointer-events: none;
    /* 默认给一点深色投影，增加立体感 */
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));
}

/* 浅色模式下：使用黑色描边/强投影代替背景块，既清晰又美观 */
body:not([data-theme="dark"]) .hyt-logo {
    filter: drop-shadow(0 2px 0 #000)
            drop-shadow(0 -1px 0 #000)
            drop-shadow(1px 0 0 #000)
            drop-shadow(-1px 0 0 #000)
            drop-shadow(2px 2px 5px rgba(0,0,0,0.5));
}

/* 给原有的返回按钮留出空间 */
.site-header .logo,
.doc-header .back-link {
    margin-left: 180px;
}

/* 文档页面 Logo 微调 */
.doc-header .hyt-logo {
    top: -30px; /* 稍微上移一点，避免遮挡下方内容 */
}

@media (max-width: 768px) {
    .hyt-logo {
        height: 80px;
        top: -5px;
        left: -15px;
    }
    
    /* 文档页面移动端 Logo 微调 */
    .doc-header .hyt-logo {
        height: 70px; /* 稍微缩小一点 */
        top: 0;
    }

    /* 移动端也应用描边效果 */
    body:not([data-theme="dark"]) .hyt-logo {
        filter: drop-shadow(0 1px 0 #000)
                drop-shadow(0 -1px 0 #000)
                drop-shadow(1px 0 0 #000)
                drop-shadow(-1px 0 0 #000);
    }
    .site-header .logo,
    .doc-header .back-link {
        margin-left: 90px;
    }
}