/* 商店背景 - 灰烬燃烧飘絮效果 */

.shop-background-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    background: linear-gradient(to bottom, #e8e8e8 0%, #d5d5d5 50%, #c8c8c8 100%);
    pointer-events: none;
}

/* 星座连线Canvas */
.constellation-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

/* 粒子容器 */
.particle-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
}

/* 灰烬粒子 */
.ash-particle {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    will-change: transform, opacity;
    box-shadow: 
        0 0 3px rgba(0, 0, 0, 0.5),
        0 0 6px rgba(0, 0, 0, 0.3),
        0 0 10px rgba(0, 0, 0, 0.1);
    transition: opacity 0.1s ease-out;
    z-index: 10;
}

/* 确保其他内容在背景之上 */
.shop-header,
.shop-scene-container,
.product-detail-panel,
.toast {
    position: relative;
    z-index: 1;
}