/* 全局样式重置 */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* 隐藏滚动条，防止视频溢出导致页面滚动 */
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif;
    cursor: none; /* 隐藏默认的鼠标指针 */
}

/* 背景视频容器 */
.video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* 将视频置于最底层 */
}

#bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 覆盖整个容器，可能会裁剪视频 */
}

/* 居中内容容器 */
.content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    color: white;
    text-align: center;
}

/* 标题样式 */
h1 {
    font-size: 6vw; /* 使用视口宽度的单位，使其在不同设备上看起来大小合适 */
    font-weight: bold;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* 给文字添加一点阴影以增加可读性 */
}

/* 小蜜蜂样式 */
/* style.css 文件需要修改的部分 */

/* 小蜜蜂样式 (请用此版本完全替换旧版本) */
#bee {
    /* 关键修复：明确设置 top 和 left 为 0 */
    position: absolute;
    top: 0;
    left: 0;

    /* 其他样式保持不变 */
    width: 60px;
    height: auto;
    pointer-events: none;
    
    /* 重要：
       不要在这里添加 bottom 或 right 属性。
       元素的移动将完全由 JavaScript 的 transform 属性控制。
    */
}