/* ============================================================
   千岛湖鼠类调查系统 - 公共样式表
   从各模板中提取的完全相同的 CSS 规则
   加载顺序：Bootstrap CDN → main.css → 模板内联 <style>
   页面特有样式优先级高于本文件中的公共样式
   ============================================================ */

/* ---- 动画关键帧 ---- */

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25%      { transform: translateX(-5px); }
    75%      { transform: translateX(5px); }
}

@keyframes pulse {
    0%   { opacity: 1; }
    50%  { opacity: 0.7; }
    100% { opacity: 1; }
}

/* ---- 管理员徽章（3个模板中完全相同） ---- */

.admin-badge {
    background: linear-gradient(45deg, #28a745, #20c997);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
}

/* ---- 字段错误高亮（entry_form 和 compare 中完全相同） ---- */

.field-error {
    border: 2px solid #dc3545 !important;
    background-color: #f8d7da !important;
    animation: shake 0.5s ease-in-out;
}