/* 必保研官网 - 全局样式 */
html { scroll-behavior: smooth; }

/* === 自定义滚动条 === */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f5f5f5; }
::-webkit-scrollbar-thumb { background: #C9A96E; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #b8943a; }

/* === 动画 === */
.fade-in { animation: fadeIn 0.6s ease-out both; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }

.fade-in-up { animation: fadeInUp 0.7s ease-out both; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(32px); } to { opacity: 1; transform: translateY(0); } }

/* === 文章内容 === */
.prose p { margin-bottom: 1rem; line-height: 1.85; }
.prose strong { color: #8B1A1A; }

/* === 限制行数 === */
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* === 手机端底部留白（底部导航遮挡内容） === */
@media (max-width: 767px) {
    main { padding-bottom: 56px; }
    footer { padding-bottom: 72px !important; }
}

/* === 表单聚焦效果（品牌色） === */
input:focus, textarea:focus, select:focus {
    border-color: #8B1A1A !important;
    box-shadow: 0 0 0 3px rgba(139, 26, 26, 0.1) !important;
}

/* === 按钮焦点 === */
button:focus-visible, a:focus-visible {
    outline: 2px solid #8B1A1A;
    outline-offset: 2px;
    border-radius: 8px;
}

/* === 图片响应式 === */
img { max-width: 100%; height: auto; }

/* === 打印隐藏底部导航 === */
@media print {
    .mobile-bottom-nav, nav { display: none !important; }
}