/* ============================================================
   css/chat/chat-flower.css — 养花泡泡卡样式
   花访卡 / 花束卡 / 商店购买卡
   ============================================================ */

/* ===== 他的看花卡 ===== */
.flower-visit-card {
    background:
        radial-gradient(ellipse 80% 30% at 50% 0%, rgba(201,168,168,0.06), transparent 60%),
        linear-gradient(160deg, rgba(253,245,240,0.9), rgba(248,238,230,0.85));
    border: 1px solid rgba(200,175,160,0.25);
    border-radius: 14px; padding: 12px 14px;
    max-width: 260px; position: relative; overflow: hidden;
    box-shadow: 0 1px 3px rgba(30,28,26,0.04);
}
.flower-visit-card::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1.5px;
    background: linear-gradient(90deg, transparent, rgba(201,168,168,0.35), rgba(196,168,106,0.25), transparent);
}
.flower-visit-card-header {
    display: flex; align-items: center; gap: 6px; margin-bottom: 6px;
}
.flower-visit-card-icon {
    width: 18px; height: 18px; color: var(--rose, #C9A8A8);
    flex-shrink: 0;
}
.flower-visit-card-label {
    font-size: 10px; color: var(--text-muted, #BFB8AE);
    letter-spacing: 2px; font-family: 'Noto Serif SC', serif;
}
.flower-visit-card-body {
    font-size: 14px; line-height: 1.65; color: var(--text-secondary, #8A8278);
    font-family: 'Noto Serif SC', serif; letter-spacing: 0.5px;
}
.flower-visit-card-watered {
    margin-top: 6px; font-size: 10px; color: var(--sage, #A8B8A0);
    letter-spacing: 1px;
}

/* ===== 花束卡 ===== */
.flower-bouquet-card {
    background:
        radial-gradient(ellipse 80% 30% at 50% 0%, rgba(201,168,168,0.05), transparent 50%),
        linear-gradient(160deg, #FEFAF6, #F9F0E8);
    border: 1px solid rgba(196,168,106,0.3);
    border-radius: 16px; padding: 16px;
    max-width: 280px; text-align: center;
    box-shadow:
        0 1px 2px rgba(30,28,26,0.04),
        0 4px 12px rgba(201,168,168,0.1);
    position: relative; overflow: hidden;
}
.flower-bouquet-card::before {
    content: ''; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px;
    border: 0.5px solid rgba(196,168,106,0.2);
    border-radius: 14px;
    pointer-events: none;
}
.flower-bouquet-card-img {
    width: 100%; max-height: 180px; object-fit: cover;
    border-radius: 10px; margin-bottom: 10px;
    background: radial-gradient(ellipse 40% 40% at 50% 45%, #FDF5F0, #EFE0D5);
}
.flower-bouquet-card-name {
    font-family: 'Playfair Display', serif; font-style: italic;
    font-size: 16px; letter-spacing: 1.5px; color: var(--rose, #C9A8A8);
    margin-bottom: 4px;
}
.flower-bouquet-card-message {
    font-size: 13px; line-height: 1.7; color: var(--text-secondary, #8A8278);
    font-family: 'Noto Serif SC', serif; letter-spacing: 1px;
    margin-bottom: 8px; padding: 0 4px;
}
.flower-bouquet-card-from {
    font-size: 10px; color: var(--text-muted, #BFB8AE);
    letter-spacing: 2px; font-family: 'Cormorant Garamond', serif;
    font-style: italic;
}
.flower-bouquet-card-paper {
    display: inline-block; padding: 2px 10px; border-radius: 10px;
    font-size: 9px; letter-spacing: 1.5px; color: var(--text-muted, #BFB8AE);
    background: rgba(196,168,106,0.08);
    margin-top: 4px;
}

/* ===== 窄屏 ≤370px ===== */
@media (max-width: 370px) {
    .flower-visit-card { max-width: 220px; padding: 10px 12px; }
    .flower-visit-card-body { font-size: 13px; }
    .flower-bouquet-card { max-width: 230px; padding: 12px; }
    .flower-bouquet-card-message { font-size: 12px; }
}