/* 全局页面容器 */

.ff-page-wrap { background: #fff; border-radius: 12px; padding: 40px 50px; max-width: 900px; margin: 20px auto; box-shadow: 0 4px 20px rgba(0,0,0,0.04); box-sizing: border-box; }

.ff-page-title { font-size: 28px; font-weight: bold; text-align: center; margin-bottom: 10px; color: #111827; }

.ff-page-meta { text-align: center; font-size: 13px; color: #9CA3AF; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px dashed #E5E7EB; }

.ff-page-content { font-size: 15px; line-height: 1.8; color: #374151; }



/* 富文本排版 */

.ff-page-content h3 { font-size: 20px; font-weight: bold; color: #111827; margin: 35px 0 20px; padding-left: 12px; border-left: 4px solid #FF0036; line-height: 1.2; }

.ff-page-content p { margin-bottom: 18px; }

.ff-page-content strong { color: #111827; font-weight: 600; }



/* 数据看板 */

.ff-about-stats { display: flex !important; justify-content: space-between !important; background: linear-gradient(135deg, #FFF1F2 0%, #FFE4E6 100%); border-radius: 16px; padding: 30px 20px; margin: 30px 0; text-align: center; border: 1px solid #FECDD3; }

.ff-stat-item { flex: 1; }

.ff-stat-num { font-size: 32px; font-weight: 900; color: #FF0036; line-height: 1; margin-bottom: 8px; }

.ff-stat-label { font-size: 13px; color: #9F1239; font-weight: 500; }



/* 核心特色卡片 */

.ff-about-features { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px; margin: 30px 0; }

.ff-feature-card { background: #F9FAFB; border: 1px solid #F3F4F6; border-radius: 12px; padding: 24px; text-align: center; transition: all 0.3s; }

.ff-feature-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.05); background: #fff; }

.ff-feature-icon { font-size: 36px; margin-bottom: 15px; display: inline-block; }

.ff-feature-title { font-size: 16px; font-weight: bold; color: #1F2937; margin-bottom: 10px; }

.ff-feature-desc { font-size: 13px; color: #6B7280; line-height: 1.5; }



/* 引用块 */

.ff-page-content blockquote { margin: 20px 0; padding: 16px 20px; background: #F3F4F6; border-left: 4px solid #9CA3AF; color: #4B5563; border-radius: 0 8px 8px 0; font-style: italic; }



@media (max-width: 768px) {

    .ff-page-wrap { padding: 24px 20px; margin: 10px; }

    .ff-about-stats { flex-direction: column !important; gap: 20px; }

    .ff-about-features { grid-template-columns: 1fr !important; }

}