/* 基础重置，限定作用域 */
.nad-container, .nad-grid, .nad-banner, .nad-image, .nad-corner-icon {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 广告容器：移除左右边距，改为全屏宽度 */
.nad-container {
    width: 100%; /* 改为100%全屏宽度 */
    max-width: none; /* 移除最大宽度限制 */
    margin: 0; /* 移除上下边距 */
    padding: 0; /* 移除内边距 */
}

/* 网格布局：调整间距为更小值 */
.nad-grid {
    display: grid;
    grid-template-columns: 1fr; 
    gap: 4px; /* 原gap:10px改为4px，保留细微间距 */
}

/* 平板及以上设备：双列布局 */
@media (min-width: 768px) {
    .nad-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 4px; /* 平板端同样缩小间距 */
    }
}

/* 广告位容器 */
.nad-banner {
    position: relative;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s ease;
}

/* 鼠标悬浮动画 */
.nad-banner:hover {
    transform: scale(1.02);
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}

/* 广告图片自适应 */
.nad-image {
    width: 100%;
    height: auto; 
    display: block; 
}

/* 右下角角标样式 */
.nad-corner-icon {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 2px 6px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
    z-index: 0; /* 将z-index从1改为0，降低层级 */
}


/* 手机端样式 */
@media (max-width: 767px) {
    .nad-corner-icon {
        right: 3px;
        bottom: 3px;
        padding: 1px 4px;
        font-size: 8px;
    }
}