body {
    margin: 0;
    padding: 0;
    height: 100vh; /* 使页面高度占满整个视口 */
    background-size: cover; /* 使背景图片覆盖整个视口 */
    background-attachment: fixed; /* 背景图片固定不随滚动条滚动 */
    background-position: center; /* 背景图片居中 */
    background-repeat: no-repeat; /* 不重复背景图片 */
    cursor:url(https://cdn.custom-cursor.com/db/5006/32/arrow2836.png) , default!important;
}


.blur-overlay {
    position: fixed; /* 将覆盖层固定在页面上 */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(48, 48, 48, 0.3); /* 可选：添加半透明白色叠加层，增加对比度 */
    backdrop-filter: blur(3px); /* 设置模糊效果，调整模糊强度 */
    -webkit-backdrop-filter: blur(10px); /* 兼容Safari浏览器 */
}

.left-panel {
    width: 35%;
    height: 100vh;
    display: flex;
    padding: 0 15px;
    position: fixed;
    align-items: center;
    flex-direction: column;
}

.right-panel {
    width: 65%;
    position: relative;
    float: right;
    padding-bottom: 50px;
    flex-direction: column;
}

/* 媒体查询示例，适用于移动设备 */
@media (max-width: 768px) {
    .left-panel, .right-panel {
        width: 100%;
        height: auto; /* 根据内容调整高度 */
        position: relative; /* 移除固定定位 */
    }

    .right-panel {
        float: none; /* 移除浮动 */
    }

}