/*
Theme Name:     Jitheme主题
Theme URI:      http://7b2.com/
Description:    这是b2主题的子主题，名为极主题，一个美化最好看的子主题。
Author:         极主题创造团队
Author URI:     https://www.jitheme.com/
Template:       b2
Version:        0.0.1
Tags:           收费主题,极主题,子主题
*/
/*
 *-------------------------------------------------------------------------------
 *全站字体更换
 *-------------------------------------------------------------------------------
*/  

/*
 *-------------------------------------------------------------------------------
 * 全站字体更换
 *-------------------------------------------------------------------------------
*/

/* =========================================================
   白天模式 (默认) - 10种颜色变量 + 基础色
   ========================================================= */
:root {
    /* 基础色（默认状态）— --bg-body/--border-color 由 Ji_main.php 统一提供 */
    --box-text: #64748b;

    /* 1. 蓝色 (Blue) */
    --color1-hover: #5b8bff; --color1-active: #2f6bff; --color1-border: #d6e4ff; --color1-active-border: #b8ccff; --color1-bg: #e8f0ff;
    /* 2. 绿色 (Green) */
    --color2-hover: #34d399; --color2-active: #10b981; --color2-border: #d1fae5; --color2-active-border: #a7f3d0; --color2-bg: #ecfdf5;
    /* 3. 橙色 (Orange) */
    --color3-hover: #fbbf24; --color3-active: #f59e0b; --color3-border: #fef3c7; --color3-active-border: #fde68a; --color3-bg: #fffbeb;
    /* 4. 紫色 (Purple) */
    --color4-hover: #a78bfa; --color4-active: #8b5cf6; --color4-border: #ede9fe; --color4-active-border: #ddd6fe; --color4-bg: #f5f3ff;
    /* 5. 粉色 (Pink) */
    --color5-hover: #f472b6; --color5-active: #ec4899; --color5-border: #fce7f3; --color5-active-border: #fbcfe8; --color5-bg: #fdf2f8;
    /* 6. 灰色 (Slate) */
    --color6-hover: #94a3b8; --color6-active: #5a6b8c; --color6-border: #e4e9f2; --color6-active-border: #c3cde0; --color6-bg: #f8faff;
    /* 7. 青色 (Cyan) */
    --color7-hover: #22d3ee; --color7-active: #06b6d4; --color7-border: #cffafe; --color7-active-border: #a5f3fc; --color7-bg: #ecfeff;
    /* 8. 靛蓝色 (Indigo) */
    --color8-hover: #818cf8; --color8-active: #6366f1; --color8-border: #e0e7ff; --color8-active-border: #c7d2fe; --color8-bg: #eef2ff;
    /* 9. 玫瑰红 (Rose) */
    --color9-hover: #fb7185; --color9-active: #f43f5e; --color9-border: #ffe4e6; --color9-active-border: #fecdd3; --color9-bg: #fff1f2;
    /* 10. 琥珀黄 (Amber) */
    --color10-hover: #fcd34d; --color10-active: #f59e0b; --color10-border: #fef3c7; --color10-active-border: #fde68a; --color10-bg: #fffbeb;
}

/* =========================================================
   暗夜模式 - 10种颜色变量 + 基础色
   ========================================================= */
[data-theme="dark"] {
    /* 基础色（默认状态）— --bg-body/--border-color 由 Ji_main.php 统一提供 */
    --box-text: #94a3b8;

    /* 1. 蓝色 (Blue) */
    --color1-hover: #5b8bff; --color1-active: #2f6bff; --color1-border: #1e3f8f; --color1-active-border: #1e4fd8; --color1-bg: #1e3f8f;
    /* 2. 绿色 (Green) */
    --color2-hover: #34d399; --color2-active: #10b981; --color2-border: #14532d; --color2-active-border: #166534; --color2-bg: #14532d;
    /* 3. 橙色 (Orange) */
    --color3-hover: #fbbf24; --color3-active: #f59e0b; --color3-border: #78350f; --color3-active-border: #92400e; --color3-bg: #78350f;
    /* 4. 紫色 (Purple) */
    --color4-hover: #a78bfa; --color4-active: #8b5cf6; --color4-border: #4c1d95; --color4-active-border: #5b21b6; --color4-bg: #4c1d95;
    /* 5. 粉色 (Pink) */
    --color5-hover: #f472b6; --color5-active: #ec4899; --color5-border: #831843; --color5-active-border: #9d174d; --color5-bg: #831843;
    /* 6. 灰色 (Slate) */
    --color6-hover: #94a3b8; --color6-active: #c3cde0; --color6-border: #334155; --color6-active-border: #5a6b8c; --color6-bg: #334155;
    /* 7. 青色 (Cyan) */
    --color7-hover: #22d3ee; --color7-active: #06b6d4; --color7-border: #164e63; --color7-active-border: #155e75; --color7-bg: #164e63;
    /* 8. 靛蓝色 (Indigo) */
    --color8-hover: #818cf8; --color8-active: #6366f1; --color8-border: #312e81; --color8-active-border: #3730a3; --color8-bg: #312e81;
    /* 9. 玫瑰红 (Rose) */
    --color9-hover: #fb7185; --color9-active: #f43f5e; --color9-border: #881337; --color9-active-border: #9f1239; --color9-bg: #881337;
    /* 10. 琥珀黄 (Amber) */
    --color10-hover: #fcd34d; --color10-active: #f59e0b; --color10-border: #78350f; --color10-active-border: #92400e; --color10-bg: #78350f;
}

/* =========================================================
   ★ 核心组件：fav-box (默认灰色调，悬停/选中显色)
   ========================================================= */
.fav-box {
    display: inline-flex;
    padding: 0px 5px;
    border-radius:  var(--b2radius)!important;
    color: var(--text-primary);
    background: var(--bg-body);
    border: 1px solid var(--border-color);
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
    outline: none;
    font-weight: 500;
    font-size: var(--fs-xs);
    gap: 6px;
}

.fav-box svg ,.fav-box img{
    width: 15px;
    height: 15px;
}
.fav-box  i {
    font-size: var(--fs-xs);
}
.fav-box:hover svg { transform: scale(1.1); }
.fav-box.active svg { fill: currentColor; stroke: none; }

/* =========================================================
   注入 10 种颜色变量 (悬停和选中时生效)
   ========================================================= */
/* 1. 蓝色 */
.fav-box.color-1:hover  { color: var(--color1-hover);  border-color: var(--color1-border);  background: var(--color1-bg); }
.fav-box.color-1.active { color: var(--color1-active); border-color: var(--color1-active-border); background: var(--color1-bg); }

/* 2. 绿色 */
.fav-box.color-2:hover  { color: var(--color2-hover);  border-color: var(--color2-border);  background: var(--color2-bg); }
.fav-box.color-2.active { color: var(--color2-active); border-color: var(--color2-active-border); background: var(--color2-bg); }

/* 3. 橙色 */
.fav-box.color-3:hover  { color: var(--color3-hover);  border-color: var(--color3-border);  background: var(--color3-bg); }
.fav-box.color-3.active { color: var(--color3-active); border-color: var(--color3-active-border); background: var(--color3-bg); }

/* 4. 紫色 */
.fav-box.color-4:hover  { color: var(--color4-hover);  border-color: var(--color4-border);  background: var(--color4-bg); }
.fav-box.color-4.active { color: var(--color4-active); border-color: var(--color4-active-border); background: var(--color4-bg); }

/* 5. 粉色 */
.fav-box.color-5:hover  { color: var(--color5-hover);  border-color: var(--color5-border);  background: var(--color5-bg); }
.fav-box.color-5.active { color: var(--color5-active); border-color: var(--color5-active-border); background: var(--color5-bg); }

/* 6. 灰色 */
.fav-box.color-6:hover  { color: var(--color6-hover);  border-color: var(--color6-border);  background: var(--color6-bg); }
.fav-box.color-6.active { color: var(--color6-active); border-color: var(--color6-active-border); background: var(--color6-bg); }

/* 7. 青色 */
.fav-box.color-7:hover  { color: var(--color7-hover);  border-color: var(--color7-border);  background: var(--color7-bg); }
.fav-box.color-7.active { color: var(--color7-active); border-color: var(--color7-active-border); background: var(--color7-bg); }

/* 8. 靛蓝色 */
.fav-box.color-8:hover  { color: var(--color8-hover);  border-color: var(--color8-border);  background: var(--color8-bg); }
.fav-box.color-8.active { color: var(--color8-active); border-color: var(--color8-active-border); background: var(--color8-bg); }

/* 9. 玫瑰红 */
.fav-box.color-9:hover  { color: var(--color9-hover);  border-color: var(--color9-border);  background: var(--color9-bg); }
.fav-box.color-9.active { color: var(--color9-active); border-color: var(--color9-active-border); background: var(--color9-bg); }

/* 10. 琥珀黄 */
.fav-box.color-10:hover  { color: var(--color10-hover);  border-color: var(--color10-border);  background: var(--color10-bg); }
.fav-box.color-10.active { color: var(--color10-active); border-color: var(--color10-active-border); background: var(--color10-bg); }
/* 2026-10-15 全站字号层级优化：文章标题降档（B2 默认 26px 偏大） */
.single-article h1 {
    font-size: 20px;
    line-height: 1.4;
}