body {
            margin: 0;
            overflow: hidden;
            font-family: Arial, sans-serif;
            background-color: black;
            position: relative;
            min-height: 100vh;
        }

        video {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
        }

        .content {
            text-align: left;
            color: white;
            font-size: 1.05rem;  /* 调整文字大小，原来是 1.1rem */
            line-height: 2.2rem;  /* 行高也相应调整，原来是 2rem */
            white-space: pre-line;
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            transform: none;
            margin: 0;
            width: 100%;
            height: 100vh;
            max-height: none;
            overflow-y: auto;
            background-color: rgba(0, 0, 0, 0);  /*透明度 rgba(0, 0, 0, 0.3) */
            text-shadow:
                    -1px -1px 0 #000,
                    1px -1px 0 #000,
                    -1px 1px 0 #000,
                    1px 1px 0 #000;
            z-index: 1;
        }

        /* 添加滚动条样式 */
        .content::-webkit-scrollbar {
            width: 6px;
        }

        .content::-webkit-scrollbar-track {
            background: transparent;
        }

        .content::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.3);
            border-radius: 3px;
        }

        .buttons {
            position: fixed;
            bottom: 100px;
            right: 20px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .button {
            background: rgba(255, 255, 255, 0.8);
            border: none;
            border-radius: 50%;
            width: 60px;
            height: 60px;
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            color: black;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        }

        .button:hover {
            background: rgba(255, 255, 255, 1);
        }

        /* 光标默认隐藏 */
        .cursor {
            display: none;
            color: red;
            animation: blink 1s step-start infinite;
            margin-left: 2px;
        }

        /* 闪烁动画 */
        @keyframes blink {
            50% { opacity: 0; }
        }

        /* 遮罩层背景：全黑半透明 */
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgb(0 0 0 / 99%); /* 全黑背景 */
            z-index: 1000;
            display: flex;
            justify-content: flex-start; /* 默认从顶部开始 */
            align-items: center; /* 垂直居中 */
            flex-direction: column; /* 垂直排列子元素 */
            padding-top: 40%; /* 顶部内边距 */
            color: white; /* 字体颜色 */
            font-size: 1.2rem; /* 字体大小 */
            text-align: center; /* 文本居中 */
        }


        /* 弹窗样式 */
        .wechat-notification {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 300px;
            background-color: rgba(255, 255, 255, 0.95);
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            padding: 15px;
            font-size: 14px;
            position: relative;
            animation: slideDownFadeIn 1s ease-out forwards; /* 应用动画 */
        }

        /* 消息内容区域 */
        .notification-content {
            display: flex;
            align-items: center;
            flex-grow: 1;
        }

        /* 微信Logo */
        .notification-content img {
            width: 40px;
            height: 40px;
            margin-right: 10px;
        }

        /* 文字区域 */
        .notification-content .text {
            line-height: 1.2;
        }

        /* 单独让 title 居左 */
        .notification-content .title {
            font-weight: bold;
            font-size: 17px;
            text-align: left; /* 文字居左 */
            margin-right: auto; /* 自动将右侧内容推开 */
            color: #555;
        }

        .notification-content .subtitle {
            font-size: 13px;
            color: #555;
        }

        /* 时间样式 */
        .notification-time {
            font-size: 12px;
            color: gray;
            align-self: center; /* 垂直居中 */
            animation: shake 0.5s ease-in-out infinite; /* 添加抖动效果 */
        }

        /* 抖动动画 */
        @keyframes shake {
            0% { transform: translateX(0); }
            25% { transform: translateX(-2px); }
            50% { transform: translateX(2px); }
            75% { transform: translateX(-2px); }
            100% { transform: translateX(0); }
        }

        /* 动画效果 */
        @keyframes slideDownFadeIn {
            0% {
                transform: translateY(-30px); /* 初始位置在上方 */
                opacity: 0;
            }
            100% {
                transform: translateY(0); /* 滑入到正常位置 */
                opacity: 1;
            }
        }
        .heart {
            font-size: 50px; /* 初始大小 */
            color: red;
            animation: heartbeat 1.5s infinite; /* 心跳动画 */
        }

        /* 心跳动画关键帧 */
        @keyframes heartbeat {
            0%, 100% {
                transform: scale(1); /* 初始大小 */
            }
            25% {
                transform: scale(1.2); /* 放大1.2倍 */
            }
            50% {
                transform: scale(1); /* 恢复大小 */
            }
            75% {
                transform: scale(1.3); /* 放大1.3倍 */
            }
        }

        /* 修改视频遮罩层样式，降低不透明度 */
        .video-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0); /* 从 0.5 改为 0.3，使遮罩更透明 */
            z-index: -1;
            pointer-events: none;
        }