/* 重置默认样式，消除浏览器自带的边距和内边距 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* 广告位容器样式 */
        .text-ad-container {
            width: 1200px; /* 满足你要求的1200像素宽度 */
            margin: 20px auto; /* 上下外边距20px，左右自动居中（首页展示更美观） */
            padding: 30px 0; /* 上下内边距，让广告内容不贴边 */
            background-color: #f8f9fa; /* 浅灰色背景，突出广告区域 */
            border: 1px solid #e9ecef; /* 浅灰色边框，划分区域 */
            border-radius: 8px; /* 轻微圆角，提升视觉质感 */
            text-align: center; /* 文字水平居中 */
            font-family: "Microsoft YaHei", sans-serif; /* 适配中文的字体，提升可读性 */
            transition: all 0.3s ease; /* 过渡效果，hover时更顺滑 */
        }

        /* 鼠标悬浮时的交互效果，提升用户感知 */
        .text-ad-container:hover {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* 轻微阴影，突出层次感 */
            background-color: #ffffff; /* 背景变白，增强交互反馈 */
        }

        /* 广告主标题样式 */
        .ad-title {
            font-size: 24px; /* 主标题字号 */
            color: #d93025; /* 醒目红色，吸引注意力（可修改为品牌色） */
            font-weight: 700; /* 粗体，突出重点 */
            margin-bottom: 12px; /* 与副标题保持间距 */
        }

        /* 广告副标题/描述样式 */
        .ad-desc {
            font-size: 16px; /* 描述文字字号 */
            color: #333333; /* 深灰色，保证可读性 */
            margin-bottom: 20px; /* 与按钮保持间距 */
        }

        /* 广告跳转按钮样式（提升转化效率） */
        .ad-btn {
            display: inline-block; /* 行内块元素，可设置宽高和边距 */
            padding: 10px 30px; /* 内边距，保证按钮大小适中 */
            background-color: #d93025; /* 与主标题同色，保持风格统一 */
            color: #ffffff; /* 白色文字，对比鲜明 */
            text-decoration: none; /* 去除链接默认下划线 */
            border-radius: 24px; /* 圆形按钮，更美观 */
            font-size: 14px;
            font-weight: 500;
            transition: background-color 0.3s ease; /* 按钮背景色过渡效果 */
        }

        /* 按钮悬浮效果 */
        .ad-btn:hover {
            background-color: #b92b21; /* 深色系，增强交互反馈 */
        }