/* ===== 公告弹窗主样式 ===== */
        .announcement-box {
            position: fixed; /* 固定定位 */
            bottom: 30px; /* 距离底部 */
            right: 30px; /* 距离右侧 */
            width: 380px; /* 宽度 */
            background: #fff; /* 白色背景 */
            border-radius: 15px; /* 圆角 */
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); /* 阴影 */
            overflow: hidden; /* 隐藏溢出内容 */
            transform: translateY(20px); /* 初始位置向下偏移 */
            opacity: 0; /* 初始透明 */
            animation: slideIn 0.6s forwards 0.5s; /* 进入动画 */
            z-index: 1000; /* 堆叠层级 */
        }
        
        /* 弹窗进入动画 */
        @keyframes slideIn {
            to {
                transform: translateY(0); /* 回到原位 */
                opacity: 1; /* 完全不透明 */
            }
        }
        
        /* 弹窗头部样式 */
        .announcement-header {
            background: #1cc088; /* 主题色背景 */
            color: white; /* 白色文字 */
            padding: 18px 25px; /* 内边距 */
            display: flex; /* Flex布局 */
            justify-content: space-between; /* 两端对齐 */
            align-items: center; /* 垂直居中 */
        }
        
        /* 标题区域样式 */
        .announcement-header span {
            font-weight: 600; /* 字体粗细 */
            font-size: 20px; /* 字体大小 */
            display: flex; /* Flex布局 */
            align-items: center; /* 垂直居中 */
            gap: 12px; /* 元素间距 */
        }
        
        /* 关闭按钮样式 */
        .announcement-close {
            background: transparent; /* 透明背景 */
            border: none; /* 无边框 */
            color: white; /* 白色 */
            font-size: 30px; /* 字体大小 */
            cursor: pointer; /* 指针样式 */
            transition: all 0.3s; /* 过渡动画 */
            width: 40px; /* 宽度 */
            height: 40px; /* 高度 */
            display: flex; /* Flex布局 */
            align-items: center; /* 垂直居中 */
            justify-content: center; /* 水平居中 */
            border-radius: 50%; /* 圆形 */
        }
        
        /* 关闭按钮悬停效果 */
        .announcement-close:hover {
            background: rgba(255, 255, 255, 0.2); /* 半透明白色背景 */
        }
        
        /* 内容区域样式 */
        .announcement-content {
            padding: 25px; /* 内边距 */
            line-height: 1.3; /* 行高 */
            font-size: 16px; /* 字体大小 */
        }
        
        /* 段落样式 */
        .announcement-content p {
            margin-bottom: 15px; /* 底部外边距 */
        }
        
        /* 加粗文本样式 */
        .announcement-content strong {
            color: #1cc088; /* 主题色文字 */
        }
        
        /* 列表样式 */
        .announcement-content ul {
            margin: 20px 0; /* 上下外边距 */
            padding-left: 0; /* 左内边距 */
            list-style-type: none; /* 无列表标记 */
        }
        
        /* 列表项样式 */
        .announcement-content ul li {
            position: relative; /* 相对定位 */
            margin-bottom: 12px; /* 底部外边距 */
            padding-left: 38px; /* 左内边距 */
        }
        
        /* 列表项前的装饰符号 */
        .announcement-content ul li::before {
            content: "✓"; /* 内容 - 对勾符号 */
            position: absolute; /* 绝对定位 */
            left: 0; /* 左侧对齐 */
            top: -3px; /* 微调位置 */
            width: 26px; /* 宽度 */
            height: 26px; /* 高度 */
            background: #e1faf1; /* 浅绿色背景 */
            color: #1cc088; /* 主题色文字 */
            display: flex; /* Flex布局 */
            align-items: center; /* 垂直居中 */
            justify-content: center; /* 水平居中 */
            border-radius: 50%; /* 圆形 */
            font-weight: bold; /* 粗体 */
            font-size: 16px; /* 字体大小 */
        }
        
        /* 链接样式 */
        .announcement-content a {
            color: #1cc088; /* 主题色 */
            font-weight: 600; /* 字体粗细 */
            text-decoration: none; /* 无下划线 */
            transition: all 0.2s; /* 过渡动画 */
        }
        
        /* 链接悬停效果 */
        .announcement-content a:hover {
            text-decoration: underline; /* 下划线 */
        }
        
        /* 页脚样式 */
        .announcement-footer {
            text-align: right; /* 文本右对齐 */
            margin-top: 25px; /* 顶部外边距 */
            font-weight: 600; /* 字体粗细 */
            color: #1cc088; /* 主题色 */
            font-size: 17px; /* 字体大小 */
        }
        
        @media (max-width: 768px) {
            /* 平板设备调整 */
            .announcement-box {
                width: calc(100% - 40px); /* 自适应宽度 */
                max-width: 500px; /* 最大宽度 */
                bottom: 20px; /* 减小底部距离 */
                right: 20px; /* 减小右侧距离 */
                left: 20px; /* 左侧距离 */
                margin: 0 auto; /* 居中 */
            }
            
            .announcement-header {
                padding: 15px 20px; /* 调整内边距 */
            }
            
            .announcement-content {
                padding: 20px; /* 调整内边距 */
            }
            
            .announcement-header span {
                font-size: 18px; /* 减小字体大小 */
            }
            
            .announcement-content ul li {
                padding-left: 32px; /* 调整列表项缩进 */
            }
        }
        
        @media (max-width: 480px) {
            /* 移动设备调整 */
            .announcement-box {
                bottom: 15px; /* 减小底部距离 */
                left: 15px; /* 左侧距离 */
                right: 15px; /* 右侧距离 */
                width: calc(100% - 30px); /* 自适应宽度 */
            }
            
            .announcement-header {
                padding: 12px 15px; /* 调整内边距 */
            }
            
            .announcement-content {
                padding: 18px; /* 调整内边距 */
                font-size: 15px; /* 减小字体大小 */
            }
            
            .announcement-content ul li {
                padding-left: 28px; /* 调整列表项缩进 */
                margin-bottom: 10px; /* 减小间距 */
            }
            
            .announcement-content ul li::before {
                width: 24px; /* 调整尺寸 */
                height: 24px; /* 调整尺寸 */
                font-size: 14px; /* 减小字体大小 */
            }
        }
        
        @media (max-height: 600px) {
            /* 屏幕高度较小时调整 */
            .announcement-box {
                top: 20px; /* 改为顶部显示 */
                bottom: auto; /* 取消底部定位 */
            }
        }