/* 重置默认样式，消除浏览器自带边距和内边距 */


/* 广告位总容器（总宽度1200px） */
.ad-total-container {
    width: 1200px; /* 满足总宽度1200像素要求 */
    margin: 30px auto; /* 上下外边距30px，左右自动居中 */
    padding: 0px;
   
    border: 0px solid #ebeef5;
    border-radius: 10px;
    font-family: "Microsoft YaHei", sans-serif;
}

/* 广告位网格布局容器（每行6个广告，共2行） */
.ad-grid {
    display: grid;
    /* 网格布局：每行6个广告位，自动分配宽度，间距20px（宽松布局，更美观） */
    grid-template-columns: repeat(5, 1fr);
    gap: 20px; /* 恢复20px间距，6列布局无需紧凑，视觉更舒适 */
}

/* 单个文字广告位样式（恢复适中内边距，适配6列宽松布局） */
.single-text-ad {
    padding: 22px 12px; /* 适中内边距，既不拥挤也不空旷 */
    background-color: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease; /* 悬浮过渡效果，更顺滑 */
}

/* 单个广告位悬浮交互效果 */
.single-text-ad:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
    border-color: #d93025; /* 悬浮时边框变色，吸引注意力 */
    transform: translateY(-2px); /* 轻微上移，增强交互感 */
}

/* 广告标题样式 */
.ad-item-title {
    font-size: 15px; /* 适中字号，清晰可读，适配6列布局 */
    color: #333333;
    font-weight: 600;
    margin-bottom: 6px;
    white-space: nowrap; /* 文字不换行，保持整洁 */
    overflow: hidden; /* 隐藏超出部分 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
}

/* 广告描述/辅助文字样式 */
.ad-item-desc {
    font-size: 11px; /* 适中字号，适配标题大小 */
    color: #666666;
    margin-bottom: 10px;
}

/* 广告跳转小按钮样式（适中内边距，适配6列布局） */
.ad-item-btn {
    display: inline-block;
    padding: 5px 12px; /* 适中内边距，按钮大小美观 */
    background-color: #f5f5f5;
    color: #d93025;
    text-decoration: none;
    border-radius: 16px;
    font-size: 10px; /* 适中字号，清晰可辨 */
    transition: background-color 0.3s ease;
}

/* 按钮悬浮效果 */
.ad-item-btn:hover {
    background-color: #d93025;
    color: #ffffff;
}

/* 响应式适配（小屏幕下调整网格布局，避免挤压） */
@media (max-width: 1200px) {
    .ad-total-container {
        width: 90%; /* 小屏幕下占屏幕90%宽度 */
    }
    .ad-grid {
        grid-template-columns: repeat(2, 1fr); /* 小屏幕下每行2个广告位，保证可读性 */
        gap: 20px; /* 保持间距，提升小屏幕体验 */
    }
    /* 小屏幕下恢复舒适字号和内边距，提升可读性 */
    .single-text-ad {
        padding: 25px 15px;
    }
    .ad-item-title {
        font-size: 16px;
    }
    .ad-item-desc {
        font-size: 12px;
    }
    .ad-item-btn {
        padding: 6px 16px;
        font-size: 12px;
    }
}