/* iPhone 样式 */
.iphone-13-mini {
    position: relative;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.notch {
    top: 0;
}

/* 导航按钮激活样式 */
.nav-btn.active i {
    color: #ec4899; /* Tailwind pink-500 */
}

/* 添加按钮样式 */
.add-btn {
    transform: translateY(-12px);
}

/* 自定义滚动条 */
::-webkit-scrollbar {
    width: 3px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #ec4899;
    border-radius: 10px;
}

/* 卡片样式 */
.card {
    border-radius: 18px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

/* 猪宝形象相关 */
.piggy-avatar {
    background: linear-gradient(45deg, #ec4899, #f472b6);
}

/* 体验增强 */
.btn-transition {
    transition: all 0.2s ease;
}

.btn-transition:active {
    transform: scale(0.95);
}

/* iPhone 13 mini 适配 */
@media (max-width: 375px) {
    .container {
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .card {
        padding: 12px;
        margin-bottom: 16px;
    }
    
    .text-3xl {
        font-size: 1.5rem;
    }
    
    .text-2xl {
        font-size: 1.25rem;
    }
    
    .text-xl {
        font-size: 1.125rem;
    }
    
    .text-lg {
        font-size: 1rem;
    }
}