@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .transition-custom {
        transition: all 0.3s ease;
    }
    .card-hover {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .card-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
    .scrollbar-hide::-webkit-scrollbar {
        display: none;
    }
    .scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .address-tag {
        @apply inline-block px-3 py-1 rounded-full text-xs font-medium;
    }
    .map-marker {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .map-marker:hover {
        transform: scale(1.1);
        z-index: 10;
    }
    .map-marker-active {
        transform: scale(1.2);
        z-index: 20;
    }
	/* 补充主色调定义，确保按钮背景色生效 */
:root {
    --primary-color: #165DFF; /* 主色调 */
    --secondary-color: #36CFC9; /* 辅助色 */
    --text-dark: #1D2129; /* 深色文本 */
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.bg-secondary {
    background-color: var(--secondary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.text-dark {
    color: var(--text-dark) !important;
}
/* 补充半透明背景色样式 */
.bg-primary\/10 {
    background-color: rgba(22, 93, 255, 0.1) !important;
}

/* 确保text-primary颜色生效 */
.text-primary {
    color: #165DFF !important;
}
}

/* 动画效果 */
@keyframes bounce-slow {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.animate-bounce-slow {
    animation: bounce-slow 2s infinite;
}

.animation-delay-1000 {
    animation-delay: 1s;
}
/* 确保地址列表容器有足够内边距，给卡片留出缓冲 */
#address-list {
    padding: 0 1rem !important; /* 左右增加1rem内边距 */
    box-sizing: border-box;
}

/* 调整置顶卡片样式，解决左侧溢出 */
#address-52 {
    margin: 1.5rem auto !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    border: 2px solid var(--primary-color) !important;
    background-color: rgba(22, 93, 255, 0.05) !important;
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(22, 93, 255, 0.15);
    z-index: 20;
    /* 关键：限制卡片最大宽度，确保不超出容器 */
    max-width: calc(100% - 1rem) !important;
    margin-left: 0.5rem !important; /* 左侧预留小间距 */
}

/* 进一步调整推荐标签左侧位置 */
#address-52 .absolute.-top-3 {
    top: -0.5rem !important;
    left: 0.5rem !important; /* 标签左移，避免超出卡片左侧 */
    padding: 0.25rem 0.75rem;
    box-sizing: border-box;
}