/* Page-specific bindings for 艺术品展示与交易平台 */

/* 英雄区轮播：三张幻灯片（整图展示，无透明遮罩） */
.page-new #hero { position: relative; }
.page-new #hero > .container { position: relative; z-index: 2; }
.hero-slide.s1 { background-image: url('../../assets/images/hero-main.jpg'); }
.hero-slide.s2 { background-image: url('../../assets/images/featured-land.png'); }
.hero-slide.s3 { background-image: url('../../assets/images/featured-geom.jpg'); }
/* 移除任何叠加遮罩 */

/* 平铺充满容器：可能会根据容器比例裁切边缘 */
.hero-slide { background-size: cover !important; background-repeat: no-repeat; background-position: center center; }

/* 精选作品卡片媒体图像（按 DSL 顺序） */
.media-geom { background-image: url('../../assets/images/featured-geom.jpg'); }
.media-land { background-image: url('../../assets/images/featured-land.png'); }
.media-metal { background-image: url('../../assets/images/featured-metal.png'); }
.media-life { background-image: url('../../assets/images/featured-life.png'); }
.media-metal2 { background-image: url('../../assets/images/featured-metal-2.png'); }

/* 分类卡媒体 */
.category-card .media.cat-1 { background-image: url('../../assets/images/cat-1.png'); }
.category-card .media.cat-2 { background-image: url('../../assets/images/cat-2.png'); }
.category-card .media.cat-3 { background-image: url('../../assets/images/cat-3.png'); }
.category-card .media.cat-4 { background-image: url('../../assets/images/cat-4.png'); }

/* 优秀毕业生头像（6个圆形） */
.alum-1 { background-image: url('../../assets/images/alum-1.jpg'); }
.alum-2 { background-image: url('../../assets/images/alum-2.jpg'); }
.alum-3 { background-image: url('../../assets/images/alum-3.jpg'); }
.alum-4 { background-image: url('../../assets/images/alum-4.jpg'); }
.alum-5 { background-image: url('../../assets/images/alum-5.jpg'); }
.alum-6 { background-image: url('../../assets/images/alum-6.jpg'); }

/* 覆盖全局：展示卡片媒体背景图 */
.page-new .card .media {
	display: block;
	height: 220px;
	background-size: cover;
	background-position: center;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

/* 可见的轮播圆点（可选） */
.page-new .hero-dots { display: flex; position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); gap: 8px; z-index: 2; }
.page-new .hero-dots .dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.6); border: 0; padding: 0; }
.page-new .hero-dots .dot.active { background: #fff; }