/* 容器样式 - 优化背景和圆角，增加轻微阴影提升质感 */
    .apply-section {
        text-align: center;
        padding: 25px 30px; /* 更舒适的内边距 */
        font-family: 'Arial', sans-serif;
        color: #2c3e50; /* 更柔和的文字主色 */
        margin: 0 auto;
        width: 100%; /* 核心修改：占满父容器宽度 */
        max-width: 100%; /* 核心修改：取消700px的最大宽度限制，适配网页 */
        box-sizing: border-box; /* 核心新增：padding不会撑大宽度 */
        background-color: #f8f9fa; /* 浅背景区分区域 */
        border-radius: 12px; /* 圆角提升精致感 */
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); /* 轻微阴影增加层次感 */
    }
    /* 标题样式 - 优化字体和间距，突出层级 */
    .apply-text {
        font-size: 26px;
        font-weight: 700;
        margin: 0 0 20px 0;
        line-height: 1.3;
        color: #1a2530; /* 标题加深，突出重点 */
    }
    /* 通用提示文本样式 - 优化字号和行高，增加间距，核心修改：改为左对齐 */
    .tips-text {
        font-size: 15px;
        margin: 12px 0;
        line-height: 1.6;
        color: #495057;
        text-align: left; /* 新增：第一/二点文本左对齐 */
        max-width: 100%; /* 核心修改：取消680px限制，适配父容器 */
        width: 100%; /* 新增：占满父容器 */
        box-sizing: border-box; /* 新增：padding不撑宽 */
        margin-left: auto; /* 左对齐但整体居中，保持页面美观 */
        margin-right: auto; /* 左对齐但整体居中，保持页面美观 */
        padding: 0 5px; /* 新增：轻微内边距，避免文字贴边 */
    }
    /* 行内提示文本（用于和按钮同行） */
    .inline-tips {
        display: inline; /* 改为行内元素，和按钮同行 */
        margin: 0; /* 清除默认上下margin，避免行高异常 */
        vertical-align: middle; /* 和按钮垂直居中对齐 */
    }
    /* 注册按钮 - 优化样式，适配行内布局（已修改为棕色系） */
    .signup-btn {
        display: inline-block;
        padding: 10px 24px; /* 更舒适的按钮尺寸 */
        background-color: #A0522D; /* 修改：蓝色→土棕色（主色） */
        color: white;
        text-decoration: none;
        border-radius: 8px; /* 圆角更圆润 */
        font-size: 15px;
        font-weight: 600;
        margin: 0 0 0 12px; /* 仅保留左侧间距，去掉上下间距 */
        vertical-align: middle; /* 和文字垂直居中对齐 */
        transition: all 0.3s ease; /* 过渡更丝滑 */
        box-shadow: 0 3px 6px rgba(160, 82, 45, 0.15); /* 修改：蓝色阴影→棕色阴影 */
    }
    .signup-btn:hover {
        background-color: #8B4513; /* 修改：hover蓝色→深棕色 */
        transform: translateY(-2px); /* 悬浮轻微上移 */
        box-shadow: 0 5px 12px rgba(160, 82, 45, 0.2); /* 修改：hover阴影适配棕色 */
    }
    /* 权益区域整体容器 - 优化单行展示逻辑（核心修改） */
    .benefits-wrapper {
        margin: 15px auto 10px; /* 减少上下外边距 */
        padding: 8px 12px; /* 进一步减少内边距 */
        max-width: 100%; /* 核心修改：取消680px限制，适配父容器 */
        width: 100%; /* 新增：占满可用宽度 */
        box-sizing: border-box; /* 新增：padding不撑宽 */
        background-color: #ffffff; /* 白色背景突出权益区域 */
        border-radius: 8px; /* 缩小圆角 */
        border: 1px solid #e9ecef; /* 浅边框增加层次感 */
        font-size: 14px;
        color: #495057;
        white-space: nowrap; /* 强制内部内容不换行（核心） */
        overflow: hidden; /* 防止内容溢出容器 */
        text-overflow: ellipsis; /* 溢出时显示省略号（优化） */
    }
    /* 权益标题前缀 - 行内展示，加粗区分 */
    .benefits-label {
        font-weight: 600;
        color: #1a2530;
        margin-right: 8px;
        white-space: nowrap; /* 标题也不换行 */
    }
    /* 单个权益小点 - 紧凑行内展示（微调间距） */
    .benefit-item {
        display: inline-block;
        margin: 0 6px; /* 核心修改：缩小间距，减少宽度占用 */
        padding-left: 18px;
        position: relative;
        white-space: nowrap; /* 单个权益项不换行 */
    }
    /* 精简对勾图标：行内小点样式 */
    .benefit-item::before {
        content: "✓"; 
        position: absolute;
        left: 0;
        color: #28a745; /* 绿色对勾更有正向感 */
        font-weight: 700;
        font-size: 12px;
    }
    /* 向下箭头 - 优化动画和位置（已修改为棕色系） */
    .down-arrows {
        font-size: 36px;
        color: #A0522D; /* 修改：蓝色→土棕色 */
        margin: 15px 0 0;
        animation: bounce 2s infinite ease-in-out;
        display: inline-block;
        opacity: 0.8; /* 轻微透明更柔和 */
    }
    /* 优化箭头弹跳动画 */
    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
        40% {transform: translateY(-8px);}
        60% {transform: translateY(-4px);}
    }
    /* 响应式适配：调整断点，768px以下就允许换行（核心修改） */
    @media (max-width: 768px) {
        .benefit-item {
            display: block;
            margin: 3px 0;
            text-align: left;
            padding-left: 20px;
            white-space: normal; /* 取消单行限制 */
        }
        .benefits-wrapper {
            text-align: left;
            padding: 10px 15px;
            white-space: normal; /* 取消容器单行限制 */
            overflow: visible; /* 显示全部内容 */
            text-overflow: clip; /* 取消省略号 */
            max-width: 100%; /* 小屏占满宽度 */
        }
        /* 响应式下保持tips-text左对齐且占满宽度 */
        .tips-text {
            max-width: 100%;
            padding: 0 5px;
        }
        /* 响应式下按钮换行，避免挤压 */
        .signup-btn {
            display: block;
            margin: 10px 0 0 0;
            width: fit-content;
        }
    }