/* * 步骤 1: 隐藏 Answer 的默认页脚
 * (我们现在使用你找到的、正确的“名字”：footer.py-3.w-100)
*/
footer.py-3.w-100 {
  display: none !important;
}


/* 注意：footer 前面没有 "."，这是直接选中 footer 标签 */
footer {
  display: none !important;
}



/* .fmt 是 Answer 正文区域的专用类名 */
.fmt a {
    color: #B19CD9 !important;      /* 柔和的浅紫 */
    font-weight: 500;               /* 稍微加粗 */
    text-decoration: underline !important; /* 核心修改：默认显示下划线 */
    text-underline-offset: 3px;     /* 优化：让下划线和文字保持一点距离，更美观 */
}

.fmt a:hover {
    color: #9966CC !important;      /* 悬停时颜色变深 */
    /* 下划线已经在上面定义了，这里不需要重复 */
}


/* === 1. 邮箱区域优化 === */
/* 只隐藏“更改邮箱”按钮，保留上方的邮箱显示框 */
.settings-main h3.mb-4 + div button {
    display: none !important;
}

/* === 2. 密码区域隐藏 === */
/* 整个隐藏“密码”设置块，因为用户应该去 WP 改密码 */
.settings-main h3.mb-4 + div + div {
    display: none !important;
}

/* === 3. 安全防护 === */
/* 隐藏“移除 WP社区”按钮，防止账号死锁 */
.settings-main .btn-outline-danger {
    display: none !important;
}




/* 1. 强制隐藏系统默认鼠标 */
html, body, a, button, input, .ez-toc-sidebar { /* 确保在目录上也被隐藏 */
    cursor: none !important;
}

/* 2. 定义中心实心点 */
.cursor-dot {
    width: 6px;
    height: 6px;
    background-color: #34495e;
    position: fixed;
    top: 0; left: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    /* 修改：使用最大 z-index 值 */
    z-index: 2147483647; 
    pointer-events: none;
    opacity: 0;
    transition: transform 0.2s ease, opacity 0.3s ease;
}

/* 3. 定义外围呼吸圆环 */
.cursor-outline {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(52, 73, 94, 0.3);
    position: fixed;
    top: 0; left: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    /* 修改：使用比点稍小的最大 z-index 值 */
    z-index: 2147483646;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease; 
}

/* 4. 悬停时的变化 */
.cursor-hover {
    transform: translate(-50%, -50%) scale(1.8);
    background-color: rgba(52, 73, 94, 0.05);
    border-color: rgba(52, 73, 94, 0.1);
}

.dot-hover {
    transform: translate(-50%, -50%) scale(0.5) !important;
}

/* 5. 移动端禁用（可选，推荐加上） */
@media (max-width: 768px) {
    .cursor-dot, .cursor-outline {
        display: none !important;
    }
    html, body, a, button, input, .ez-toc-sidebar {
        cursor: auto !important;
    }
}











/* =========================================
   1. 全局基调：Zen Mode (纯净学术风 + 博客配色)
   ========================================= */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700&family=Open+Sans:wght@400;600&display=swap');

:root {
    --bg-color: #ffffff;       /* 全局背景：护眼灰蓝 */
    --card-bg: #ffffff;        /* 卡片背景：纯白 */
    
    /* 博客配色体系 */
    --title-color: #2c3e50;    /* 标题：深午夜蓝 */
    --text-color: #4a5568;     /* 正文：深灰 */
    --accent-color: #2980b9;   /* 链接交互蓝 */
    
    /* 博客同款阴影 */
    --card-shadow: 0 4px 6px rgba(10, 10, 10, 0.05); 
    --hover-shadow: 0 12px 20px rgba(10, 10, 10, 0.1);
    
    --border-radius: 12px;
}

body {
    background-color: var(--bg-color) !important;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--text-color);
    line-height: 1.8; /* 黄金行高 */
}

/* 暴力清除 Answer 默认样式 */
.container, .wrap, #header, .footer {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* =========================================
   2. 左侧侧边栏 (Sidebar) - 黑色胶囊版
   ========================================= */
#sideNav {
    padding-right: 15px;
}

/* 菜单项统一基础样式 */
#sideNav .nav-link,
#custom-blog-link { 
    display: flex !important;
    align-items: center;
    color: #606266 !important;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px !important; /* 稍微紧凑一点，突出胶囊感 */
    margin-bottom: 8px !important;
    border-radius: 100px !important; /* 全圆角胶囊 */
    
    /* 保持对齐的透明边框 */
    border: 1px solid transparent !important; 
    transition: all 0.2s ease;
}

/* 图标样式 */
#sideNav .nav-link i,
#custom-blog-link i {
    font-size: 16px;
    margin-right: 12px;
    opacity: 0.7;
    width: 20px;
    text-align: center;
    transition: color 0.2s;
}

/* --- 交互状态 --- */

/* Hover: 极淡的背景 */
#sideNav .nav-link:hover,
#custom-blog-link:hover {
    background-color: rgba(0,0,0,0.03) !important;
    color: #000 !important;
}

/* 【重点修改】Active: 黑色胶囊 (参考 Modern Tabs) */
#sideNav .nav-link.active {
    background-color: #000000 !important; /* 纯黑背景 */
    color: #ffffff !important;            /* 纯白文字 */
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important; /* 黑色投影 */
    font-weight: 600;
}

/* 选中时图标必须变白 */
#sideNav .nav-link.active i {
    color: #ffffff !important; 
    opacity: 1;
}

/* 小标题 (如“管理”) */
.small.fw-bold {
    color: #909399;
    margin-top: 20px;
    padding-left: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
}

/* =========================================
   3. 全站“卡片流” (复刻博客文章卡片)
   ========================================= */
/* 涵盖：问题列表、用户卡片、徽章、小部件 */
.list-group-item, 
.card, 
.answer-item,
.media {
    background-color: var(--card-bg) !important;
    
    /* 博客卡片核心参数 */
    padding: 30px !important;              /* 大留白 */
    margin-bottom: 24px !important;        /* 大间距 */
    border-radius: var(--border-radius) !important;
    border: 1px solid rgba(0,0,0,0.02) !important; /* 极细边框 */
    box-shadow: var(--card-shadow) !important;     /* 柔和投影 */
    
    /* 动画 */
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    position: relative;
    z-index: 1;
}

/* --- 卡片悬停交互 --- */
.list-group-item:hover, 
.card:hover, 
.answer-item:hover,
.media:hover {
    transform: translateY(-4px) !important;    /* 微微上浮 */
    box-shadow: var(--hover-shadow) !important; /* 加深投影 */
    z-index: 10;
}

/* 去除可能存在的旧样式干扰 */
.list-group-item::before, .card::before { display: none !important; }

/* 防止详情页嵌套错乱 */
.question-detail-main .card {
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    transform: none !important;
    border: none !important;
}

/* =========================================
   4. 内容排版与字体 (复刻博客)
   ========================================= */

/* --- 标题：学术风衬线体 --- */
h1, h2, h3, h4, h5, 
.question-title, 
.media-heading {
    font-family: "Georgia", "Noto Serif SC", serif !important;
    font-weight: 600;
    color: var(--title-color) !important; /* 午夜蓝 */
}

/* --- 链接 --- */
a {
    text-decoration: none !important;
    color: var(--title-color);
    transition: color 0.2s;
}
a:hover {
    color: var(--accent-color);
}

/* --- 摘要/正文 --- */
.content, .summary, .fmt, p {
    font-family: "Open Sans", sans-serif;
    color: var(--text-color) !important; /* 深灰 */
    font-size: 15px;
}

/* --- 标签 (Tags) - 胶囊风格 --- */
.tag, .badge-tag {
    display: inline-block;
    padding: 4px 12px !important;
    background-color: #edf2f7 !important; /* 博客同款浅灰 */
    color: #4a5568 !important;
    font-size: 12px;
    border-radius: 20px !important;       /* 胶囊圆角 */
    border: none;
    font-weight: 500;
    margin-right: 5px;
    transition: all 0.2s;
}

.tag:hover {
    background-color: #2c3e50 !important; /* 悬停变深午夜蓝 */
    color: #ffffff !important;
}

/* --- 右侧小部件微调 --- */
.col-md-3 .card {
    padding: 20px !important; /* 侧边栏卡片稍微紧凑一点 */
}
.card-header, .widget-title {
    background: transparent !important;
    border-bottom: 1px dashed #eee !important;
    padding: 0 0 10px 0 !important;
    margin-bottom: 15px !important;
    font-size: 14px;
    color: #999;
    letter-spacing: 1px;
}

/* =========================================
   5. 详情页沉浸式 (Paper Mode)
   ========================================= */
.page-main, 
.question-detail-main {
    background-color: #ffffff !important;
    padding: 40px !important; /* 更大的留白 */
    border-radius: 12px !important;
    box-shadow: var(--card-shadow) !important;
    margin-bottom: 24px;
}

h1.question-title-text {
    font-size: 2rem !important;
    margin-bottom: 25px;
    line-height: 1.3;
}

/* =========================================
   修正：右侧侧边栏“去重” (Remove Outermost Layer)
   ========================================= */

/* 1. 强制让侧边栏容器 (最外层) 变成透明、无边框 */
/* 这里的选择器覆盖了可能的容器类名 */
.page-right-side, 
.col-md-3, 
.col-lg-3, 
.col-xl-3 {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 0 !important; /* 去掉多余的上下间距 */
    padding-bottom: 0 !important;
}

/* 2. 针对侧边栏内部的小部件 (Widget) 进行精细化调整 */
/* 这里的 .card 是指具体的“快速链接”、“标签”等小卡片 */
.page-right-side .card {
    /* 保持卡片样式，但减小内边距，防止看起来太厚重 */
    padding: 20px 24px !important; 
    
    /* 确保它们是独立的卡片，而不是嵌套在别的卡片里 */
    background-color: #ffffff !important;
    box-shadow: var(--card-shadow) !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important; /* 卡片之间的间距 */
}

/* 3. (可选) 如果你觉得侧边栏的小部件标题线太生硬，可以隐藏它 */
/* 这样会更像现代 APP 的设计 */
.page-right-side .card-header, 
.page-right-side .widget-title {
    border-bottom: none !important;
    padding-bottom: 5px !important;
    margin-bottom: 15px !important;
    font-size: 13px; /* 稍微调小标题字号，更精致 */
    opacity: 0.6;    /* 降低标题存在感，突出内容 */
}





/* =========================================
   2. 右侧侧边栏：紧凑模式 (Compact Mode)
   ========================================= */

/* 针对右侧的所有小部件卡片：大幅减少内边距 */
.page-right-side .card,
.col-md-3 .card {
    /* 把原本的 30px 改为 15px，减少一半的无效空白 */
    padding: 15px 18px !important; 
    
    /* 减少卡片之间的垂直间距 */
    margin-bottom: 15px !important; 
    
    /* 字体稍微调小，增加信息密度 */
    font-size: 14px;
}

/* 压缩标题下方的空白 */
.page-right-side .card-header,
.page-right-side .widget-title {
    margin-bottom: 10px !important; /* 拉近标题和内容的距离 */
    padding-bottom: 8px !important;
    font-size: 13px !important;     /* 标题字号调小，更精致 */
    opacity: 0.8;
}

/* 针对里面的列表项 (如快速链接、标签) 进行压缩 */
.page-right-side .card-body a,
.page-right-side .widget-content {
    display: block;
    margin-bottom: 6px; /* 链接之间的距离调小 */
}

/* 特殊处理：如果是标签云 (Tags)，缩小间距 */
.page-right-side .tag, 
.page-right-side .badge-tag {
    margin-bottom: 4px !important;
    padding: 3px 8px !important; /* 标签本身也做小一点 */
    font-size: 11px !important;
}


/* =========================================
   1. 顶部搜索框修复 (Fix Overlap)
   ========================================= */
input.placeholder-search.form-control {
    background-color: #ffffff !important;   /* 纯白背景 */
    border: 1px solid transparent !important; /* 无边框 */
    border-radius: 50px !important;         /* 全圆角 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important; /* 悬浮阴影 */
    color: #333 !important;
    
    /* 【关键修正】增加左侧留白，给放大镜图标让路 */
    padding-left: 48px !important; 
    
    /* 微调高度，保证居中 */
    height: 40px !important;
    line-height: 40px !important;
    transition: all 0.2s ease;
}

/* 鼠标点击/聚焦时 */
input.placeholder-search.form-control:focus {
    background-color: #fff !important;
    border-color: var(--accent-color) !important; /* 聚焦变蓝 */
    box-shadow: 0 4px 12px rgba(41, 128, 185, 0.2) !important;
    outline: none !important;
}

/* 提示文字颜色 */
input.placeholder-search.form-control::placeholder {
    color: #aaa !important;
    font-size: 14px;
}



/* =========================================
   3. 排序按钮栏 (最新/活跃) - 黑色胶囊风格
   ========================================= */

/* 1. 针对按钮容器：去掉可能存在的默认背景或边框 */
.btn-group, .btn-group-sm {
    box-shadow: none !important;
    border: none !important;
}

/* 2. 针对所有排序按钮 (默认状态) */
/* 截图显示这些按钮通常是 .btn 或 .btn-light */
.mb-3 .btn, 
.btn-group .btn {
    background: transparent !important;
    border: 1px solid transparent !important; /* 预留边框防抖动 */
    color: #606266 !important;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 16px !important; /* 左右留白，形成胶囊感 */
    margin-right: 5px !important; /* 按钮之间留点空隙 */
    border-radius: 50px !important; /* 【关键】全圆角 */
    box-shadow: none !important;
    transition: all 0.2s ease;
}

/* 3. 鼠标悬停 (Hover) */
.mb-3 .btn:hover,
.btn-group .btn:hover {
    background-color: rgba(0,0,0,0.03) !important;
    color: #000 !important;
}

/* 4. 选中状态 (Active) - 黑色胶囊 */
.mb-3 .btn.active,
.btn-group .btn.active,
.btn-group .btn:focus { /* 有时候 focus 也是激活态 */
    background-color: #000000 !important; /* 纯黑背景 */
    color: #ffffff !important;            /* 纯白文字 */
    font-weight: 600;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important; /* 黑色投影 */
    transform: translateY(-1px); /* 微微上浮，更有质感 */
}

/* =========================================
   5. 布局微调：让卡片更宽 (Wider Cards)
   ========================================= */

/* 1. 压缩主内容区域容器的左右空白 */
/* Bootstrap 默认的左右 padding 是 15px，我们把它减小到 8px */
.col-md-9, .col-lg-9,  /* 首页/列表页的主容器 */
.col-md-8, .col-lg-8,  /* 兼容其他可能的栅格布局 */
.page-main,            /* 详情页主容器 */
.question-detail-main {
    padding-left: 8px !important; 
    padding-right: 8px !important;
}

/* 2. 同步调整右侧侧边栏容器的左侧空白 */
/* 让侧边栏也往中间靠一点，整体更紧凑 */
.col-md-3, .col-lg-3, 
.col-md-4, .col-lg-4,
#sideNav { /* 左侧导航栏也同步一下 */
    padding-right: 8px !important;
    padding-left: 8px !important;
}

/* 3. 确保卡片本身没有多余的左右外边距 */
/* 保证它们能撑满变宽后的容器 */
.list-group-item, 
.card, 
.answer-item,
.media {
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* 保持之前的上下间距 (margin-bottom: 24px) 不变 */
}




/* =========================================
   8. 右侧侧边栏：强制 8px 极窄间距
   ========================================= */

/* 同时选中：外层卡片(.card) 和 里层内容(.list-group-item / .card-body) */
.page-right-side .card,
.col-md-3 .card,
.page-right-side .list-group-item,
.col-md-3 .list-group-item,
.page-right-side .card-body,
.col-md-3 .card-body {
    padding-left: 8px !important; 
    padding-right: 8px !important;
}