/* ==========================================================================
   山风 (ShanFeng) - 全局设计规范 (少数派扁平风格)
   ========================================================================== */
:root {
    /* 1. 字体系统 */
    --sf-font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
    --sf-font-display: 'Poppins', var(--sf-font-sans); /* 英文用时尚体，中文回退系统无衬线 */
    
    /* 2. 色彩系统 (纯白背景 + 克制灰/红) */
    --sf-bg-body: #FFFFFF;       /* 强制全站背景为纯白 */
    --sf-bg-card: #F7F7F9;       /* 极浅灰，用于界定卡片范围或兜底背景 */
    --sf-text-main: #292929;     /* 柔和的深灰黑，非纯黑，阅读更舒适 */
    --sf-text-muted: #8590A6;    /* 经典的蓝灰辅助色 */
    
    --sf-accent-black: #292929;  /* 沉稳的交互黑 */
    --sf-accent-red: #D71A1B;    /* 少数派标志红 */
    
    --sf-border-color: #F0F0F0;  /* 极浅的边界线 */
    
    /* 3. 布局与空间 */
    --sf-container-width: 1200px;
    --sf-gap: 20px;              /* 元素间距 */
    
    /* 4. 视觉细节 (大圆角，零阴影) */
    --sf-radius-lg: 20px;        /* Bento 焦点图大圆角 */
    --sf-radius: 12px;           /* 列表/常规卡片圆角 */
    
    /* 5. 交互动画 */
    --sf-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}