/* ovo 额外样式 - 主样式已内联在模板中 */

/* ========== 全局禁止复制/选中/拖拽（防误触） ========== */
* {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
}
/* 输入框和文本域允许选中输入 */
input, textarea, [contenteditable] {
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
}

/* ========== 全局去掉蓝色focus边框 ========== */
*:focus { outline: none !important; }
*:focus-visible { outline: none !important; }
button:focus, a:focus, input:focus, textarea:focus, select:focus {
    outline: none !important;
    box-shadow: none !important;
}
/* 手机端触摸优化，消除300ms延迟 */
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
button, a, .like-btn, .btn {
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
}

/* ========== Q弹动画 ========== */
@keyframes bounceQ {
    0% { transform: scale(1); }
    30% { transform: scale(1.25); }
    50% { transform: scale(0.9); }
    70% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.bounce {
    animation: bounceQ .6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* 点赞按钮已赞状态 */
#like-btn.liked {
    color: #e91e63 !important;
    transform: scale(1.05);
}
#like-btn.liked svg {
    fill: #e91e63;
}
#like-btn {
    transition: transform .2s ease, color .2s ease;
    cursor: pointer;
}
#like-btn:active {
    transform: scale(0.92);
}

/* 按钮通用Q弹效果 */
.btn {
    transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease;
}
.btn:active {
    transform: scale(0.95);
}
.btn:hover {
    transform: translateY(-1px);
}

/* 卡片悬停上浮效果（好友卡片不上浮，保持稳定） */
.video-card, .photo-item {
    transition: transform .3s ease, box-shadow .3s ease;
}
.video-card:hover, .photo-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
/* 好友卡片只加阴影，不上浮 */
.friend-item {
    transition: box-shadow .3s ease;
}
.friend-item:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* 图片加载淡入 */
.photo-item img, .video-thumb, .friend-avatar {
    transition: opacity .4s ease, transform .4s ease;
}
.photo-item:hover img {
    transform: scale(1.05);
}

/* toast 动画 */
.toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:8px;pointer-events:none}
@keyframes tIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
.toast {
    animation: tIn .3s ease-out;
    pointer-events: auto;
}

/* 点赞粒子效果 */
.like-particle{position:fixed;pointer-events:none;z-index:9999;color:#e91e63;font-weight:bold;animation:pUp .8s ease-out forwards}
@keyframes pUp{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-60px) scale(.5)}}

/* 留言展开按钮动画 */
#comments-toggle-btn {
    transition: all .2s ease;
}
#comments-toggle-btn:active {
    transform: scale(0.96);
}

/* 上传区域拖拽效果 */
.upload-zone {
    transition: all .2s ease;
}
.upload-zone:active {
    transform: scale(0.98);
}