/* styles.css */
@keyframes slideUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes slideDown {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(100%);
    }
}

.slide-up {
    animation: slideUp 0.3s ease-out forwards;
}

.slide-down {
    animation: slideDown 0.3s ease-in forwards;
}

.hidden {
    display: none;
}

.inline-lucide{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.inline-lucide svg{width:1em;height:1em;vertical-align:-0.2em}
.inline-img-token{display:inline-block;width:24px;height:24px;object-fit:cover;vertical-align:-0.25em;margin:0 4px;border-radius:6px;cursor:pointer}
.img-viewer{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);padding:16px}
.img-viewer .iv-card{width:min(92vw,820px);max-height:min(86vh,860px);background:rgba(15,23,42,.92);border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.4);overflow:hidden;color:#fff}
.img-viewer .iv-h{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.12)}
.img-viewer .iv-title{font-size:12px;font-weight:900;letter-spacing:.08em;opacity:.9}
.img-viewer .iv-close{width:32px;height:32px;border:0;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.img-viewer .iv-b{padding:12px;display:flex;align-items:center;justify-content:center;max-height:min(72vh,760px);overflow:auto}
.img-viewer .iv-img{max-width:100%;height:auto;border-radius:14px;background:rgba(255,255,255,.06)}
.img-viewer .iv-f{padding:10px 12px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:rgba(255,255,255,.82);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}

/* 适配不同尺寸移动设备 */
@media (max-width: 320px) {
    .text-3xl {
        font-size: 1.5rem;
    }
    .text-xl {
        font-size: 1.125rem;
    }
    .py-12 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}
