/* ============================================================
 * 全站字体配置（2026-09-26 本地化部署）
 * 1) 鸿蒙黑体：从 jsdelivr CDN 改成本地文件，解决国内加载慢/失败导致"后台设置不生效"
 * 2) 3d66.com 字体：参考 https://www.3d66.com/ 部署的本地 woff2 子集
 *    原站字体栈: "MiSans","PingFang SC","Noto Sans","Source Han Sans","Microsoft YaHei",sans-serif
 * ============================================================ */


/* 方案 1：蓝色系 */
.dark .icon-box.i-1 {
    background: linear-gradient(135deg, var(--cat1-bg-from, rgba(47, 107, 255, 0.12)) 0%, var(--cat1-bg-to, rgba(47, 107, 255, 0.03)) 100%) !important;
    color: var(--cat1-color, #1e4fd8) !important;
    border-color: var(--cat1-border, rgba(47, 107, 255, 0.2)) !important;
}

/* 方案 2：绿色系 */
.dark .icon-box.i-2 {
    background: linear-gradient(135deg, var(--cat2-bg-from, rgba(139, 92, 246, 0.12)) 0%, var(--cat2-bg-to, rgba(139, 92, 246, 0.03)) 100%) !important;
    color: var(--cat2-color, #7c3aed) !important;
    border-color: var(--cat2-border, rgba(139, 92, 246, 0.2)) !important;
}

/* 方案 3：紫色系 */
.dark .icon-box.i-3 {
    background: linear-gradient(135deg, var(--cat3-bg-from, rgba(245, 158, 11, 0.12)) 0%, var(--cat3-bg-to, rgba(245, 158, 11, 0.03)) 100%) !important;
    color: var(--cat3-color, var(--gold-deep)) !important;
    border-color: var(--cat3-border, rgba(245, 158, 11, 0.25)) !important;
}

/* 方案 4：橙色系 */
.dark .icon-box.i-4 {
    background: linear-gradient(135deg, var(--cat4-bg-from, rgba(239, 68, 68, 0.12)) 0%, var(--cat4-bg-to, rgba(239, 68, 68, 0.03)) 100%) !important;
    color: var(--cat4-color, #dc2626) !important;
    border-color: var(--cat4-border, rgba(239, 68, 68, 0.2)) !important;
}

/* 方案 5：红色系 */
.dark .icon-box.i-5 {
    background: linear-gradient(135deg, var(--cat5-bg-from, rgba(16, 185, 129, 0.12)) 0%, var(--cat5-bg-to, rgba(16, 185, 129, 0.03)) 100%) !important;
    color: var(--cat5-color, #059669) !important;
    border-color: var(--cat5-border, rgba(16, 185, 129, 0.2)) !important;
}

/* 方案 6：青色系 */
.dark .icon-box.i-6 {
    background: linear-gradient(135deg, var(--cat6-bg-from, rgba(6, 182, 212, 0.12)) 0%, var(--cat6-bg-to, rgba(6, 182, 212, 0.03)) 100%) !important;
    color: var(--cat6-color, #0891b2) !important;
    border-color: var(--cat6-border, rgba(6, 182, 212, 0.2)) !important;
}

/* 方案 7：粉红色系 */
.dark .icon-box.i-7 {
    background: linear-gradient(135deg, var(--cat7-bg-from, rgba(132, 204, 22, 0.12)) 0%, var(--cat7-bg-to, rgba(132, 204, 22, 0.03)) 100%) !important;
    color: var(--cat7-color, #65a30d) !important;
    border-color: var(--cat7-border, rgba(132, 204, 22, 0.2)) !important;
}

/* 方案 8：黄绿色系 */
.dark .icon-box.i-8 {
    background: linear-gradient(135deg, var(--cat8-bg-from, rgba(99, 102, 241, 0.12)) 0%, var(--cat8-bg-to, rgba(99, 102, 241, 0.03)) 100%) !important;
    color: var(--cat8-color, #4f46e5) !important;
    border-color: var(--cat8-border, rgba(99, 102, 241, 0.2)) !important;
}

/* 方案 9：靛蓝色系（变量名为补齐新增） */
.dark .icon-box.i-9 {
    background: linear-gradient(135deg, var(--cat9-bg-from, rgba(99, 102, 241, 0.12)) 0%, var(--cat9-bg-to, rgba(99, 102, 241, 0.03)) 100%) !important;
    color: var(--cat9-color, #6366f1) !important;
    border-color: var(--cat9-border, rgba(99, 102, 241, 0.2)) !important;
}

/* 方案 10：玫瑰红色系（变量名为补齐新增） */
.dark .icon-box.i-10 {
    background: linear-gradient(135deg, var(--cat10-bg-from, rgba(244, 63, 94, 0.12)) 0%, var(--cat10-bg-to, rgba(244, 63, 94, 0.03)) 100%) !important;
    color: var(--cat10-color, #f43f5e) !important;
    border-color: var(--cat10-border, rgba(244, 63, 94, 0.2)) !important;
}
/* ===========================================================
   B2 公共样式
   =========================================================== */
.box,.side-fixed {
    box-shadow: none;
    position: relative;
    background-color: var(--bg-card);
    background-clip: border-box;
    border: 1px solid var(--border-color);
}

.b2_gap > li .item-in,
.shop-list-item,
.shop-normal-item-in,
.user-search-list li > div,
.home-collection .home-collection-content,
.post-3.post-3-li-dubble .b2_gap > li .item-in {
    margin-bottom: var(--gap);
    margin-right: var(--gap);
    overflow: hidden;
}

.b2_gap,
.shop-normal-list,
.shop-category,
.user-search-list,
.home-collection .collection-out {
    margin-right: calc(var(--gap) * -1);
    margin-bottom: calc(var(--gap) * -1);
    padding: 0;
}

.user-panel-info .conter_flex {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 10px;
}

/* ============================================================
   首页模块标题
   ============================================================ */
/* 标题栏容器 */
.jitheme-home-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin-bottom: var(--gap);
    flex-direction: row;
}

/* 左侧：图标 + 标题描述 */
.jitheme-home-header .header-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0; /* 允许内容收缩，避免溢出 */
}

/* 正方形图片 */
.jitheme-home-header .header-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: var(--b2radius);
    overflow: hidden;
    background: var(--bg-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
}

.jitheme-home-header .header-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 标题 + 描述 文本区 */
.jitheme-home-header .header-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    min-width: 0;
}

/* 标题 */
.jitheme-home-header .header-text h2 {
    font-size: var(--fs-base);
    color: var(--text-primary);
    letter-spacing: -0.5px;
    margin: 0;
    line-height: 1.3;
}

/* 描述 */
.jitheme-home-header .header-text .badge {
    display: inline-flex;
    align-items: center;
    align-self: flex-start; /* 宽度自适应内容，不撑满 */
    padding: 2px 0px;
    font-size:10px;
    color: var(--text-secondary);
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s;
}

/* 右侧：更多按钮 */
.jitheme-home-header .header-more {
    display: inline-block;
    font-size: var(--fs-xs);
}

.jitheme-home-header .header-more .cat {
    position: relative;
    padding: 0 16px;
    display: flex;
    align-items: center;
    border-radius: var(--b2radius);
    color: var(--text-secondary);
    background-color: var(--bg-card);
    height: 32px;
    line-height: 32px;
}

/* 响应式 */
@media (max-width: 600px) {
    .jitheme-home-header .header-icon {
        width: 38px;
        height: 38px;
        border-radius: var(--b2radius);
    }

    .jitheme-home-header .header-text h2 {
        font-size: var(--fs-base);
    }

    .jitheme-home-header .header-more {
        padding: 4px 10px;
        font-size: var(--fs-xs);
    }
}

/* ============================================================
   一、LV 等级（LV0 ~ LV9，装饰性配色）
   ============================================================ */
.user-badges {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    flex-shrink: 0;
    justify-content: flex-start;
}

/* 宿主 span 隐形 */

.lv {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    min-width: 16px;
    padding: 0 5px;
    font-size: var(--fs-xs);
    border-radius: 3px;
    letter-spacing: 0.3px;
    line-height: 1;
    vertical-align: middle;
    flex-shrink: 0;
}

.lv-lv0 { background: #f0f0f0; color: var(--text-muted); border: 1px solid #e0e0e0; }
.lv-lv1 { background: #e6f7e6; color: #52c41a; border: 1px solid #b7eb8f; }
.lv-lv2 { background: #e6fffb; color: #13c2c2; border: 1px solid #87e8de; }
.lv-lv3 { background: var(--bg-primary-soft); color: #2b6cff; border: 1px solid #a8c8ff; }
.lv-lv4 { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; }
.lv-lv5 { background: #f0e6ff; color: #7a3ff0; border: 1px solid #c8a8ff; }
.lv-lv6 { background: #fff0f6; color: #eb2f96; border: 1px solid #ffadd2; }
.lv-lv7 { background: #fff5e6; color: #ff8800; border: 1px solid #ffd699; }
.lv-lv8 { background: #ffe6e6; color: #f5222d; border: 1px solid #ffa39e; }
.lv-lv9 {
    background: linear-gradient(135deg, #fff7d6 0%, #ffe9a3 100%);
    color: #b8860b;
    border: 1px solid #ffd966;
    box-shadow: none;
}

/* ============================================================
   二、VIP 样式（浅底深字，装饰性配色）
   ============================================================ */
.vip {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    height: 16px;
    padding: 0 6px;
    font-size: var(--fs-xs);
    border-radius: 3px;
    letter-spacing: 0.3px;
    line-height: 1;
    vertical-align: middle;
    flex-shrink: 0;
}

/* 图标继承文字颜色 */
.vip i {
    color: inherit;
    font-size: var(--fs-xs);
    margin-right: 2px;
    font-style: normal;
}

/* VIP0 - 普通会员（浅灰） */
.vip-vip0 {
    background: var(--bg-input);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

/* VIP1 - 黄金会员（浅金） */
.vip-vip1 {
    background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);
    color: #b8860b;
    border: 1px solid #ffe082;
}

/* VIP2 - 白金会员（浅紫） */
.vip-vip2 {
    background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%);
    color: #7c3aed;
    border: 1px solid #d8b4fe;
}

/* VIP3 - 钻石会员（浅蓝） */
.vip-vip3 {
    background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
    color: #0369a1;
    border: 1px solid #7dd3fc;
}

/* ============================================================
   三、迷你版
   ============================================================ */
.lv-mini {
    height: 14px;
    min-width: 14px;
    padding: 0 5px;
    font-size: 10px;
    margin-right: 1px;
    transform: scale(1);
    transform-origin: left center;
}

.vip-mini {
    height: 14px;
    padding: 0 5px;
    font-size: 10px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    transform: scale(1);
    transform-origin: left center;
}

.vip-mini i {
    font-size:10px;
    margin-right: 1px;
    transform: translateY(0px);
}


/* ===========================================================
   基础提醒框样式
   =========================================================== */
.alert {
    position: relative;
    padding: 16px 20px;
    margin-bottom: 16px;
    border: 1px solid transparent;
    border-radius: var(--b2radius);
    font-size: var(--fs-base);
    line-height: 1.6;
    width: 100%;
    animation: slideDown 0.4s ease forwards;
    transition: all 0.3s ease;
}

.alert:hover {
    transform: translateY(-2px);
    box-shadow: none;
}

.alert-icon {
    display: inline-block;
    margin-right: 8px;
}

.alert-title {
    font-size: var(--fs-md);
    margin-bottom: 4px;
}



/* ===========================================================
   提醒框颜色变体（语义化配色，保持原值）
   =========================================================== */
/* 警告 - 黄色 */
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffc107;
}

.alert-warning .alert-title {
    color: #856404;
}

/* 错误 - 红色 */
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #dc3545;
}

.alert-danger .alert-title {
    color: #721c24;
}

/* 信息 - 蓝色 */

.alert-info .alert-title {
    color: #0c5460;
}

/* 成功 - 绿色 */

.alert-success .alert-title {
    color: #155724;
}

/* 深色 - 灰色 */

.alert-dark .alert-title {
    color: #1b1e21;
}

/* 主要 - 蓝色 */

.alert-primary .alert-title {
    color: #004085;
}

/* 次要 - 灰色 */

.alert-secondary .alert-title {
    color: #383d41;
}

/* ===========================================================
   动画
   =========================================================== */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===========================================================
   响应式设计
   =========================================================== */
@media (max-width: 768px) {
    .alert {
        padding: 12px 16px;
        margin-bottom: 12px;
        border-radius: var(--b2radius);
        font-size: var(--fs-sm);
    }

    .alert-title {
        font-size: var(--fs-base);
    }

    .alert-close {
        top: 8px;
        right: 12px;
        font-size: var(--fs-lg);
    }
}

@media (max-width: 480px) {
    .alert {
        padding: 10px 12px;
        margin-bottom: 8px;
        border-radius: 4px;
        font-size: var(--fs-xs);
    }

    .alert-title {
        font-size: var(--fs-sm);
    }

    .alert-close {
        top: 6px;
        right: 8px;
        font-size: var(--fs-md);
    }
}

/* ============================================================
   全站交互修复 + 暗夜模式补丁（body.dark 前缀，覆盖各模块）
   ============================================================ */
/* 问题9：所有链接鼠标手型 */
a { cursor: pointer; }

/* 问题10：侧栏项点击不出现边框 */
.jitheme-cnav .cnav-item,
.jitheme-cnav .cnav-item.active { border: 0 !important; }
body.dark .jitheme-cnav .cnav-item:hover,
body.dark .jitheme-cnav .cnav-item.active { background: rgba(255, 255, 255, 0.06); }

/* 问题1：Qmsg 切换提示暗夜适配（透明背景 + 浅色文字） */
body.dark .qmsg-wrap,
body.dark .qmsg,
body.dark .qmsg-content,
body.dark .qmsg-text { color: #f1f5fb !important; }
body.dark .qmsg-content { background-color: var(--bg-body) !important; background-image: none !important; box-shadow: none; }
body.dark .qmsg-icon { color: #10b981 !important; }

/* 问题2：骨架图暗夜适配（收藏骨架 / 用户组件骨架 / 父主题 gujia） */
body.dark .jis2-sk-thumb,
body.dark .jis2-sk-title,
body.dark .jis2-sk-desc,
body.dark .jis2-sk-meta,
body.dark .ji-widget-user .skeleton-box-wrapper .skeleton-avatar,
body.dark .ji-widget-user .skeleton-box-wrapper .skeleton-line,
body.dark .ji-widget-user .skeleton-box-wrapper .skeleton-progress,
body.dark .ji-widget-user .skeleton-box-wrapper .skeleton-box {
    background: linear-gradient(90deg, #1a1f2e 25%, #222838 50%, #1a1f2e 75%);
    background-size: 200% 100%;
}
body.dark .gujia span { background-color: #222838; }

/* 问题4：侧栏分组菜单弹窗按钮暗夜适配 */
body.dark .jitheme-cnav-popup .menu-btn,
body.dark .jitheme-cnav-popup .sitemap-row { background: var(--bg-input); }
body.dark .jitheme-cnav-popup .menu-btn:hover,
body.dark .jitheme-cnav-popup .sitemap-row:hover { background: var(--bg-card-hover); }

/* 问题5+6：收藏面板/小工具暗夜适配 */
body.dark .jis2-title,
body.dark .jis2-search-input { color: var(--text-primary); }
body.dark .jis2-tag { background: rgba(139, 92, 246, 0.15); }
body.dark .jis2-tab.active,
body.dark .jis2-act.active { background: rgba(139, 92, 246, 0.18); }
body.dark .jis2-tab:hover,
body.dark .jis2-act:hover,
body.dark .jis2-page-btn:hover:not(:disabled) { color: var(--text-primary); background: var(--bg-subtle); }
/* 收藏页 jifw-tab 暗夜适配（同侧栏收藏） */
body.dark .jifw-tab.active {background-color: rgba(139, 92, 246, 0.18);color: #a5b4fc;background: var(--bg-card-hover);color: var(--b2color);}

/* 收藏小工具 jifw 搜索/统计图标 暗夜适配（同侧栏 jis2-act） */
body.dark .jifw-icon-btn.active { background: rgba(139, 92, 246, 0.18); }
body.dark .jifw-icon-btn:hover { color: var(--text-primary); background: var(--bg-subtle); }



/* =========================================
   菜单角标（菜单设置 → 角标颜色 + 角标文字）
   ========================================= */
.badge {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 3px;
    border-radius: 3px;
    font-size: 10px;
    line-height: 1.0;
    vertical-align: 1px;
    white-space: nowrap;
}
/* =========================================
   8种角标颜色配置 (纯颜色提取版)
   ========================================= */
/* 1. 热情红 */
.badge-red {
    background: linear-gradient(135deg, #ef4444, #f87171);
    color: #ffffff;
}
/* 2. 活力橙 */
.badge-orange {
    background: linear-gradient(135deg, var(--orange), var(--orange));
    color: #ffffff;
}
/* 3. 品质金 */
.badge-gold {
    background: linear-gradient(135deg, var(--gold), var(--gold));
    color: #78350f; /* 深棕色文字 */
}
/* 4. 推荐绿 */
.badge-green {
    background: linear-gradient(135deg, #10b981, #34d399);
    color: #ffffff;
}
/* 5. 科技蓝 */
.badge-blue {
    background: linear-gradient(135deg, #2f6bff, #5b8bff);
    color: #ffffff;
}
/* 6. 神秘紫 */
.badge-purple {
    background: linear-gradient(135deg, #8b5cf6, #a78bfa);
    color: #ffffff;
}
/* 7. 少女粉 */
.badge-pink {
    background: linear-gradient(135deg, #ec4899, #f472b6);
    color: #ffffff;
}
/* 8. 高级灰 */
.badge-gray {
    background: linear-gradient(135deg, #4b5563, #6b7280);
    color: #ffffff;
}
/* =========================================
   ASK / 圈子列表骨架图（.gujia）暗夜模式适配
   亮色默认 #f5f6f7/#f3f3f3 在暗夜下刺眼，覆盖为半透明白
   ========================================= */
body.dark .gujia span,
body.dark .gujia .ask-title,
body.dark .gujia .ask-view-count,
body.dark .gujia .answer-top-left .author-info span,
body.dark .gujia .bg,
body.dark .gujia .topic-name span,
body.dark .gujia .topic-content p {
    background-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}


/* ============================================================
   文章角标（缩略图右上角）
   ============================================================ */
.post-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    border-radius: var(--b2radius);
    color: #ffffff;
    font-size: var(--fs-xs);
    line-height: 1.5;
    white-space: nowrap;
}

.post-badge i {
    font-size: var(--fs-sm);
    line-height: 1;
    flex-shrink: 0;
}

.post-list-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.post-module-thumb {
    position: relative;
    background: #eef1f6;
}
/* 左上角角标 */
.jitheme-thumb-topbar {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 10px;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    padding: 0px 10px;
    z-index: 2;
}
/* ===== 文章页布局兜底（jitheme）=====
   B2 的 .b2-single-content 是 flex 布局（主内容+侧边栏并排）。
   当文章正文里 [content_hide] 等短代码嵌在 H2/P 标签内（HTML 结构无效）时，
   浏览器解析会重排 DOM，把页脚/评论等块移出 content-area，flex 下出现右侧大片空白。
   这里对文章页改回块级布局（等效于取消 B2 的 display:flex），内容全宽显示。
   仅作用于 single 文章页，不影响列表/分类等页面。 */
body.single .b2-single-content > .content-area {
    width: 100%;
}
/* ============================================================
   全站统一分页（壁纸底部页码样式）：直角 38px 方块 + 边框 + 当前页渐变
   输出容器：jitheme_pagination() → .jitheme-wp-pagination
   覆盖页：壁纸列表/壁纸分类/文档列表/文档分类（分类文章页由 cad-archive-*.css 的 .cad-pagenav 同规则实现）
   ============================================================ */
.jitheme-wp-pagination {
    margin-top: 30px;
    text-align: center;
}
.jitheme-wp-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    margin: 0 3px;
    border: 1px solid var(--border-color, #e8edf3);
    background: var(--bg-card, #fff);
    color: var(--text-primary, #1e293b);
    font-size: var(--fs-base);
    text-decoration: none;
    transition: all 0.2s;
}
.jitheme-wp-pagination .page-numbers:hover {
    border-color: rgba(79, 110, 247, 0.5);
    color: var(--text-primary, #4f6ef7);
}
.jitheme-wp-pagination .page-numbers.current {
    background: linear-gradient(135deg, var(--text-primary, #4f6ef7), var(--text-primary, #b24eff));
    color: #fff;
    border-color: transparent;
}
/* ============ 暗夜模式适配（style.css LV/VIP 徽章、alert、骨架） ============ */
[data-theme="dark"] .lv-lv0 { background: #2a2d33; color: #a4a8b1; border-color: #3a3f47; }
[data-theme="dark"] .lv-lv1 { background: #1d3529; color: #52c41a; border-color: #2d5a3d; }
[data-theme="dark"] .lv-lv2 { background: #1e3333; color: #13c2c2; border-color: #2d5a5a; }
[data-theme="dark"] .lv-lv3 { background: #1e293b; color: #5b8bff; border-color: #2f4560; }
[data-theme="dark"] .lv-lv4 { background: #1e293b; color: #38bdf8; border-color: #2f4560; }
[data-theme="dark"] .lv-lv5 { background: #2a2438; color: #a78bfa; border-color: #453b60; }
[data-theme="dark"] .lv-lv6 { background: #3a2028; color: #f472b6; border-color: #5a3040; }
[data-theme="dark"] .lv-lv7 { background: #3a2f1e; color: var(--gold); border-color: #5a4a20; }
[data-theme="dark"] .lv-lv8 { background: #3a2020; color: #f87171; border-color: #5a3030; }
[data-theme="dark"] .lv-lv9 { background: linear-gradient(135deg, #3a3320 0%, #4a3f20 100%); color: #fde047; border-color: #6b5d1e; }
[data-theme="dark"] .vip-vip0 { background: #2a2d33; color: #a4a8b1; border-color: #3a3f47; }
[data-theme="dark"] .vip-vip1 { background: linear-gradient(135deg, #3a3320 0%, #4a3f20 100%); color: #fde047; border-color: #6b5d1e; }
[data-theme="dark"] .vip-vip2 { background: linear-gradient(135deg, #2a2438 0%, #362a48 100%); color: #c4b5fd; border-color: #453b60; }
[data-theme="dark"] .vip-vip3 { background: linear-gradient(135deg, #1e293b 0%, #1e3333 100%); color: #7dd3fc; border-color: #2f4560; }
[data-theme="dark"] .alert-warning { color: #fde68a; background-color: #3a3320; border-color: #b45309; }
[data-theme="dark"] .alert-warning .alert-title { color: #fde68a; }
[data-theme="dark"] .alert-danger { color: #fecaca; background-color: #3a2028; border-color: #dc2626; }
[data-theme="dark"] .alert-danger .alert-title { color: #fecaca; }
[data-theme="dark"] .alert-info 
[data-theme="dark"] .alert-info .alert-title { color: #a5f3fc; }
[data-theme="dark"] .alert-success 
[data-theme="dark"] .alert-success .alert-title { color: #bbf7d0; }
[data-theme="dark"] .alert-dark 
[data-theme="dark"] .alert-dark .alert-title { color: #e5e7eb; }
[data-theme="dark"] .alert-primary 
[data-theme="dark"] .alert-primary .alert-title { color: #b8ccff; }
[data-theme="dark"] .alert-secondary 
[data-theme="dark"] .alert-secondary .alert-title { color: #d1d5db; }
[data-theme="dark"] .post-module-thumb { background: #2a2d33; }
/* 首页模块：自动适配宽度（ji-auto-width）移动端还原 100% */
@media screen and (max-width: 850px) {
    .home_row .wrapper.ji-auto-width {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }
}