/* 基础重置 */
.nad-container, .nad-grid, .nad-banner, .nad-image, .nad-corner-icon, .nad-small-grid, .nad-small-banner { margin: 0; padding: 0; box-sizing: border-box; }
.nad-container { width: 100%; max-width: 100vw; margin: 0 auto; padding: 0; }
/* 核心修改：一行显示3个，间隔统一30px */
.nad-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; margin-bottom: 12px; width: 100%; }
@media (min-width: 768px) { .nad-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; } }
@media (min-width: 1024px) { .nad-grid { grid-template-columns: repeat(3, 1fr); gap: 30px; } }
/* 小网格同样改为一行3个，间隔30px */
.nad-small-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; width: 100%; }
@media (min-width: 768px) { .nad-small-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; } }
@media (min-width: 1024px) { .nad-small-grid { grid-template-columns: repeat(3, 1fr); gap: 30px; } }
.nad-banner, .nad-small-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, .nad-small-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; object-fit: contain; }
.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: 1; }
@media (max-width: 767px) { .nad-corner-icon { right: 3px; bottom: 3px; padding: 1px 4px; font-size: 8px; } }
.body-fixed { overflow: hidden; height: 100vh; }