/* 关键：配置你的本地字体（alimama.woff） */
@font-face {
    font-family: 'AliMamaFont'; /* 自定义字体名称，全局统一使用 */
    src: url('/plugin/oddfox_theme_black/fonts/alimama.woff') format('woff'); /* 你的字体文件路径+格式 */
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* 加载时先用系统字体，避免空白 */
}

/* 全局应用阿里妈妈本地字体 */
body, .thread, .thread-meta, .thread-title, .thread-stats, .thread-tag, .thread-empty, .username, .date, .text-grey, .text-muted {
    font-family: 'AliMamaFont', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* 设置全局背景色为柔和的浅米色 */
body {
    font-family: 'AlimamaFont', sans-serif; /* 使用本地字体 */
    background-color: #f5f5f5 !important; /* 浅灰米色背景 */
    color: #333 !important; /* 深灰色文字，便于阅读 */
}

/* 设置卡片（帖子页面）背景为淡米色 */
.card {
    background-color: #f9f9f9 !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    color: #333 !important;
}

/* 设置卡片头部背景颜色 */
.card-header {
    background-color: #f1f1f1 !important;
    border-bottom: 1px solid #ddd !important;
    color: #333 !important;
}

/* 设置卡片内容区域的背景颜色 */
.card-body {
    background-color: #f9f9f9 !important; /* 非常淡的米色 */
}

/* 设置列表项背景色 */
.list-group-item {
    background-color: #f9f9f9 !important; /* 淡米色背景 */
    border: 1px solid #e0e0e0 !important; /* 边框颜色 */
}

/* 修改表单控件背景颜色 */
.form-control {
    background-color: #f9f9f9 !important; /* 淡米色背景 */
    color: #333 !important;
    border: 1px solid #e0e0e0 !important; /* 边框颜色 */
}

/* 修改分页链接的背景颜色 */
.page-link {
    background-color: #f9f9f9 !important; /* 淡米色背景 */
    color: #333 !important;
    border: 1px solid #e0e0e0 !important; /* 边框颜色 */
}

/* 设置按钮背景颜色 */
.btn-primary, .btn-secondary {
    background-color: #f9f9f9 !important; /* 淡米色背景 */
    color: #333 !important;
    border-color: #e0e0e0 !important; /* 边框颜色 */
}

/* 设置面包屑导航的背景颜色 */
.breadcrumb {
    background-color: #f1f1f1 !important; /* 更浅的灰色背景 */
    border: 1px solid #e0e0e0 !important; /* 边框颜色 */
}

/* 设置页脚背景颜色 */
#footer {
    background-color: #f1f1f1 !important; /* 浅灰色背景 */
}

/* 修改其它相关元素的背景和颜色 */
.nav-tabs .nav-link {
    background-color: #f9f9f9 !important;
    border-color: #e0e0e0 !important;
}

.message img {
    border: 1px solid #e0e0e0 !important;
}

/* 修改帖子列表项的背景 */
.thread, .post {
    background-color: #f9f9f9 !important; /* 淡米色背景 */
    border-bottom: 1px solid #e0e0e0 !important;
}

/* 鼠标悬停时改变帖子背景 */
.thread:hover, .post:hover {
    background-color: #f0f0f0 !important; /* 略深的米色 */
}

/* 将主题缩略图改为统一正方形大小 */
.left_img_box img {
    width: 100px; /* 设置宽度为 100px（可以调整大小） */
    height: 100px; /* 设置高度为 100px（保持正方形） */
    object-fit: cover; /* 保持图片的比例，填充整个正方形区域 */
    border-radius: 4px; /* 圆角效果，保持和原样式一致 */
}