/* ============================================
   About 页面贴图效果
   ============================================ */

.textures-left,
.textures-right {
    position: absolute;
    height: 100%;
    pointer-events: none;
    top: 0;
}

.textures-left {
    left: 0;
    width: 200px;
}

.textures-right {
    right: 0;
    width: 200px;
}

.texture-item {
    position: absolute;
    object-fit: contain;
    background: transparent;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: auto;
    cursor: pointer;
}

/* 响应式 - 隐藏贴图 */
@media (max-width: 1024px) {
    .textures-left,
    .textures-right {
        display: none;
    }
}