/**
 * 假装情侣 - 样式文件
 * 用于couple.php页面的额外样式（内联样式已覆盖大部分）
 */

/* 情侣页面通用增强 */
.couple-page {
    --cp-primary: #FF6B81;
    --cp-primary-dark: #E55A6E;
}

/* 爱心飘落动画 */
@keyframes float-up {
    0% { transform: translateY(0) scale(1); opacity: 1; }
    100% { transform: translateY(-100px) scale(0.5); opacity: 0; }
}

.floating-heart {
    position: fixed;
    pointer-events: none;
    animation: float-up 2s ease-out forwards;
    font-size: 24px;
    z-index: 9999;
}

/* 脉冲按钮 */
.btn-pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 107, 129, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(255, 107, 129, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 107, 129, 0); }
}

/* 卡片悬停 */
.card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 107, 129, 0.15);
}

/* 配对成功动画 */
@keyframes success-scale {
    0% { transform: scale(0.8); opacity: 0; }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); opacity: 1; }
}

.pair-success-animation {
    animation: success-scale 0.6s ease-out;
}

/* 响应式适配 */
@media (max-width: 360px) {
    .plan-cards {
        grid-template-columns: 1fr;
    }
    
    .greeting-btns {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .countdown-row {
        gap: 4px;
    }
    
    .countdown-num {
        font-size: 22px;
    }
}

@media (min-width: 768px) {
    .couple-content {
        padding: 24px;
    }
    
    .plan-cards {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
    
    .chat-messages {
        height: 500px;
    }
}