/*
 * B2 主题 - 暖棕色皮肤覆盖
 * custom-skin.css
 * 加载顺序：最后加载，覆盖所有主题默认样式
 *
 * 色彩系统：
 *   页面底色    #F5F0E8  暖米色
 *   卡片背景    #F2EDE3  暖奶油
 *   次级面板    #ECE6DA  燕麦
 *   边框        #D7CEBF  沙色
 *   边框次级    #CFC4B2
 *   深色文本    #2B2824
 *   中色文本    #5A5248
 *   浅色文本    #7C705E
 *   极浅文本    #9A8E7D
 *   主按钮      #5F564B  深棕
 *   强调色      #B86A3B  暖橙棕
 *   阴影        rgba(90,78,60,0.10)
 */

/* ═══════════════════════════════════════════
   1. 页面底色 & 全局文字
═══════════════════════════════════════════ */
body {
    background-color: #F5F0E8 !important;
    color: #2B2824 !important;
}

/* 覆盖主题可能输出的 body 背景 */
#page,
.site,
.site-content,
.b2-content {
    background-color: transparent !important;
}

/* ═══════════════════════════════════════════
   2. 卡片 / 白盒子 (.box)
═══════════════════════════════════════════ */
.box,
.side-fixed {
    background-color: #F2EDE3 !important;
    box-shadow: 0 0 0 1px #D7CEBF, 0 2px 8px rgba(90, 78, 60, 0.08) !important;
}

/* 悬停卡片 */
.box:hover {
    box-shadow: 0 0 0 1px #CFC4B2, 0 4px 14px rgba(90, 78, 60, 0.12) !important;
}

/* ═══════════════════════════════════════════
   3. 导航栏 / 顶栏
═══════════════════════════════════════════ */
.b2-top,
#b2-top,
.top-nav,
.b2-header,
.fixed-top,
.site-header,
header.site-header {
    background-color: #F2EDE3 !important;
    border-bottom: 1px solid #D7CEBF !important;
    box-shadow: 0 1px 8px rgba(90, 78, 60, 0.08) !important;
}

/* 导航链接 */
.b2-top a,
.top-nav a,
.nav-menu a,
.b2-header a {
    color: #5A5248 !important;
}
.b2-top a:hover,
.top-nav a:hover,
.nav-menu a:hover,
.b2-header a:hover {
    color: #B86A3B !important;
}

/* 搜索框区域 */
.b2-top .top-search,
.top-search-box,
.b2-search-wrap {
    background-color: #ECE6DA !important;
    border-color: #D7CEBF !important;
}

/* 顶部用户下拉菜单 */
.top-user-drop,
.drop-menu,
.b2-drop {
    background-color: #F2EDE3 !important;
    border: 1px solid #D7CEBF !important;
    box-shadow: 0 6px 20px rgba(90, 78, 60, 0.14) !important;
}

/* ═══════════════════════════════════════════
   4. 按钮系统
═══════════════════════════════════════════ */

/* 主按钮 */
button:not(.empty):not(.text):not([class*="dl-"]):not([class*="b2-post-footer"]):not(.b2-audio-button),
.button:not(.empty):not(.text) {
    background-color: #5F564B !important;
    color: #F2EDE3 !important;
    border: none !important;
}
button:not(.empty):not(.text):hover,
.button:not(.empty):not(.text):hover {
    opacity: .88 !important;
}

/* 空心/线框按钮 */
button.empty,
.button.empty {
    background: transparent !important;
    color: #5A5248 !important;
    border-color: #9A8E7D !important;
}
button.empty:hover,
.button.empty:hover {
    border-color: #5F564B !important;
    color: #2B2824 !important;
    opacity: 1 !important;
}

/* 危险/警示按钮保持红色，不覆盖 */

/* ═══════════════════════════════════════════
   5. 主题强调色 .b2-color / .b2-bg-color
═══════════════════════════════════════════ */
.b2-color,
.b2-color *,
a.b2-color {
    color: #B86A3B !important;
}

.b2-bg-color,
.b2-bg-color * {
    background-color: #5F564B !important;
    color: #F2EDE3 !important;
}

/* picked / 选中态（文章分类等） */
.picked.b2-color,
.b2-color.picked {
    background-color: #5F564B !important;
    color: #F2EDE3 !important;
}

/* ═══════════════════════════════════════════
   6. 表单 / 输入框
═══════════════════════════════════════════ */
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="search"],
input[type="url"],
textarea,
select {
    background-color: #ECE6DA !important;
    border-color: #D7CEBF !important;
    color: #2B2824 !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: #9A8E7D !important;
    background-color: #F2EDE3 !important;
    box-shadow: 0 0 0 2px rgba(184, 106, 59, 0.18) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #ECE6DA inset !important;
    box-shadow: 0 0 0 30px #ECE6DA inset !important;
    -webkit-text-fill-color: #2B2824 !important;
}

/* ═══════════════════════════════════════════
   7. 文章列表卡片
═══════════════════════════════════════════ */
.post-list-item,
.post-list-item.box {
    background-color: #F2EDE3 !important;
}

/* 文章列表分类标签 */
.post-list-cats a span {
    background-color: #ECE6DA !important;
    color: #7C705E !important;
}
.post-list-cats a span:hover {
    background-color: #5F564B !important;
    color: #F2EDE3 !important;
}

/* 文章列表 meta 文字 */
.post-list-meta span,
.post-list-meta li,
.post-meta li {
    color: #9A8E7D !important;
}

/* ═══════════════════════════════════════════
   8. 侧边栏 / Widget
═══════════════════════════════════════════ */
.widget {
    background-color: #F2EDE3 !important;
}

.widget-title,
h2.widget-title {
    color: #2B2824 !important;
    border-color: #D7CEBF !important;
}

/* widget 内链接 */
.widget a {
    color: #5A5248 !important;
}
.widget a:hover {
    color: #B86A3B !important;
}

/* ═══════════════════════════════════════════
   9. 边框 / 分隔线
═══════════════════════════════════════════ */
.b2-b-t,
hr,
.b2-sep,
.b2-divider {
    border-color: #D7CEBF !important;
}

/* 通用细线边框 */
[class*="border-"],
.border {
    border-color: #D7CEBF !important;
}

/* ═══════════════════════════════════════════
   10. 评论区
═══════════════════════════════════════════ */
.comment-list li,
.comment-item,
.comment-body {
    border-color: #D7CEBF !important;
}

/* 评论框 */
#commentform textarea,
.comment-form textarea {
    background-color: #ECE6DA !important;
    border-color: #D7CEBF !important;
}

/* 评论引用块 */
blockquote {
    border-left-color: #B86A3B !important;
    background-color: #ECE6DA !important;
    color: #5A5248 !important;
}

/* ═══════════════════════════════════════════
   11. 标签 / 徽章
═══════════════════════════════════════════ */
.post-tags-meat a,
.tag-item {
    background-color: #ECE6DA !important;
    border-color: #D7CEBF !important;
    color: #7C705E !important;
}
.post-tags-meat a:hover,
.tag-item:hover {
    background-color: #5F564B !important;
    color: #F2EDE3 !important;
    border-color: #5F564B !important;
}

/* ═══════════════════════════════════════════
   12. 弹窗 / Modal / 遮罩
═══════════════════════════════════════════ */
.b2-modal,
.b2-popup,
.avgrund-popup,
[class*="-modal"],
[class*="-popup"] {
    background-color: #F2EDE3 !important;
    border: 1px solid #D7CEBF !important;
    box-shadow: 0 16px 48px rgba(90, 78, 60, 0.18) !important;
}

/* 登录/注册弹窗 */
.login-box,
.login-wrap,
.b2-login-wrap {
    background-color: #F2EDE3 !important;
}

/* ═══════════════════════════════════════════
   13. 下拉菜单 / Tooltip
═══════════════════════════════════════════ */
.b2tooltipbox::after,
[class*="-tooltip"],
[class*="-dropdown"] {
    background-color: #5F564B !important;
    color: #F2EDE3 !important;
}

/* ═══════════════════════════════════════════
   14. 分页
═══════════════════════════════════════════ */
.b2-page,
.pagination,
.page-numbers {
    color: #5A5248 !important;
}

.page-numbers.current,
.b2-page.current,
.pagination .current {
    background-color: #5F564B !important;
    color: #F2EDE3 !important;
    border-color: #5F564B !important;
}

.page-numbers:hover,
.b2-page:hover {
    background-color: #ECE6DA !important;
    color: #2B2824 !important;
}

/* ═══════════════════════════════════════════
   15. 顶部用户信息 / 积分 / 等级
═══════════════════════════════════════════ */
.top-user-box,
.user-info-box,
.b2-user-info {
    background-color: #F2EDE3 !important;
}

.user-lv,
.lv-icon {
    border-color: #D7CEBF !important;
}

/* ═══════════════════════════════════════════
   16. 面包屑
═══════════════════════════════════════════ */
.breadcrumb,
.b2-breadcrumb,
.shop-breadcrumb {
    color: #9A8E7D !important;
}
.breadcrumb a,
.b2-breadcrumb a,
.shop-breadcrumb a {
    color: #7C705E !important;
}
.breadcrumb a:hover,
.b2-breadcrumb a:hover,
.shop-breadcrumb a:hover {
    color: #B86A3B !important;
}

/* ═══════════════════════════════════════════
   17. 进度条 / 加载条
═══════════════════════════════════════════ */
.b2-progress,
[class*="progress-bar"],
#nprogress .bar {
    background-color: #B86A3B !important;
}

/* ═══════════════════════════════════════════
   18. 代码块 / pre / code
═══════════════════════════════════════════ */
pre {
    background-color: #ECE6DA !important;
    border: 1px solid #D7CEBF !important;
    color: #2B2824 !important;
}
code {
    background-color: #ECE6DA !important;
    color: #B86A3B !important;
}

/* ═══════════════════════════════════════════
   19. 表格
═══════════════════════════════════════════ */
.entry-content table td,
.entry-content table th,
table td,
table th {
    border-color: #D7CEBF !important;
}
.entry-content table thead,
table thead {
    border-color: #D7CEBF !important;
    background-color: #ECE6DA !important;
}
.entry-content table tbody tr:nth-child(odd) {
    background-color: #F2EDE3 !important;
}
.entry-content table tbody tr:nth-child(even) {
    background-color: #F8F5F0 !important;
}

/* ═══════════════════════════════════════════
   20. Footer 底部
═══════════════════════════════════════════ */
.site-footer,
footer.site-footer,
.b2-footer {
    background-color: #ECE6DA !important;
    border-top: 1px solid #D7CEBF !important;
    color: #7C705E !important;
}
.site-footer a,
.b2-footer a {
    color: #7C705E !important;
}
.site-footer a:hover,
.b2-footer a:hover {
    color: #B86A3B !important;
}

/* ═══════════════════════════════════════════
   21. 文章内页 (Single)
═══════════════════════════════════════════ */
.entry-content {
    color: #2B2824 !important;
}
.entry-content a {
    color: #B86A3B !important;
}
.entry-content a:hover {
    color: #5F564B !important;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    color: #2B2824 !important;
}

/* 文章版权/注释框 */
.post-note {
    background-color: #ECE6DA !important;
    border-left: 3px solid #B86A3B !important;
    color: #7C705E !important;
}

/* ═══════════════════════════════════════════
   22. 骨架屏 / Loading placeholder
═══════════════════════════════════════════ */
.gujia-bg {
    background: linear-gradient(90deg, #ECE6DA 25%, #E2D9CE 50%, #ECE6DA 75%) !important;
    background-size: 200% 100% !important;
}

/* ═══════════════════════════════════════════
   23. 内链接 / 全局链接色
═══════════════════════════════════════════ */
a.b2-hover:hover,
.b2-hover a:hover {
    color: #B86A3B !important;
}

/* ═══════════════════════════════════════════
   24. 搜索页空态 / empty-page
═══════════════════════════════════════════ */
.empty-page p {
    color: #9A8E7D !important;
}

/* ═══════════════════════════════════════════
   25. 通知 / Toast
═══════════════════════════════════════════ */
.toasted.primary {
    background-color: #F2EDE3 !important;
    color: #2B2824 !important;
    border: 1px solid #D7CEBF !important;
    box-shadow: 0 4px 16px rgba(90, 78, 60, 0.14) !important;
}

/* ═══════════════════════════════════════════
   26. 上一篇/下一篇
═══════════════════════════════════════════ */
.post-pre-next-info {
    background-color: #F2EDE3 !important;
}
.post-pre-next-info:hover {
    background-color: #ECE6DA !important;
}
.next-jt a {
    color: #9A8E7D !important;
}
.next-jt a:hover {
    color: #B86A3B !important;
}

/* ═══════════════════════════════════════════
   27. 文章顶部 meta
═══════════════════════════════════════════ */
.post-meta li,
.post-meta span,
.single-date span,
.single-eye span,
.single-like span {
    color: #9A8E7D !important;
}

/* ═══════════════════════════════════════════
   28. 用户中心页面
═══════════════════════════════════════════ */
.user-center-header,
.user-profile-box {
    background-color: #F2EDE3 !important;
}

.custom-page-row {
    border-color: #D7CEBF !important;
}

.custom-page-nav li a,
.custom-page-nav li button {
    color: #5A5248 !important;
}
.custom-page-nav li.picked a,
.custom-page-nav li.picked button {
    color: #B86A3B !important;
    border-color: #B86A3B !important;
}

/* ═══════════════════════════════════════════
   29. 积分/金币数字强调色
═══════════════════════════════════════════ */
.user-money b,
.user-credit b,
.user-money-and-credit > div span,
.gold-row b {
    color: #B86A3B !important;
}

/* ═══════════════════════════════════════════
   30. 深色模式：暂不强制覆盖（保留原深色主题）
   如需覆盖，在此添加 body.dark-mode { ... }
═══════════════════════════════════════════ */