/* ============================================================
   终极核弹版：猎杀蓝方块 + 完美贴合文件夹 + 修复白色内胆
   ============================================================ */

/* --- 1. 背景图 (不变) --- */
body {
    background-image: url("https://img.cdn1.vip/i/69a16e800b5ae_1772187264.webp") !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    font-family: "Microsoft YaHei", sans-serif;
    overflow-x: hidden;
}

/* --- 2. 布局重置：定义统一宽度 --- */
:root {
    --card-width: 85%; /* 卡片总宽度 */
    --card-max-width: 1300px;
}

/* 暴力清除所有默认间距和浮动 */
#home, #header, #main, #mainContent, .forFlow, #navigator, #navList {
    float: none !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* --- 3. 猎杀蓝色导航栏 (重中之重) --- */
#header {
    width: var(--card-width) !important;
    max-width: var(--card-max-width) !important;
    margin: 40px auto 0 auto !important; /* 顶部留空 */
    height: 45px !important; /* 给标签留位置 */
    position: relative !important;
    z-index: 10;
}
#blogTitle { display: none !important; }

#navigator {
    text-align: center !important; /* 标签居中 */
    height: 45px !important;
    background: transparent !important; /* 确保容器透明 */
}

#navList {
    display: inline-block !important;
    white-space: nowrap;
    height: 45px !important;
}

/* 标签外壳 */
#navList li {
    float: left !important;
    display: block !important;
    margin: 0 4px !important; /* 标签间距 */
    
    /* 【形状】上圆下方：文件夹标签 */
    border-radius: 15px 15px 0 0 !important;
    
    /* 颜色：半透明白 */
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(10px);
    
    /* 边框：去掉底部边框 */
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-bottom: none !important;
    
    /* 【贴合】往下压 1px，盖住卡片边框 */
    margin-bottom: -1px !important;
    height: 45px !important;
    line-height: 45px !important;
    
    transition: all 0.2s ease-out;
    position: relative;
    z-index: 1;
}

/* 【猎杀蓝色的关键】强制把里面的链接背景设为透明 */
#navList li a {
    display: block !important;
    background-color: transparent !important; /* 杀掉蓝色！ */
    background-image: none !important; /* 杀掉渐变！ */
    color: #444 !important;
    font-weight: bold !important;
    font-size: 15px !important;
    text-decoration: none !important;
    padding: 0 30px !important;
    border: none !important;
    margin: 0 !important;
}

/* 悬停效果：变高、变白 */
#navList li:hover {
    background: #fff !important;
    height: 50px !important; /* 长高 */
    line-height: 50px !important;
    transform: translateY(-5px);
    box-shadow: 0 -5px 15px rgba(255, 255, 255, 0.4);
}
#navList li:hover a {
    color: #000 !important;
}

/* --- 4. 主内容卡片 (修复白色内胆) --- */
#home {
    width: var(--card-width) !important;
    max-width: var(--card-max-width) !important;
    margin: 0 auto !important; /* 紧贴标签 */
    display: block !important;
}

/* 卡片本体 */
#mainContent {
    background-color: rgba(255, 255, 255, 0.8) !important; /* 0.6 透明度 */
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    
    /* 下半部分圆角，上半部分直角接标签 */
    border-radius: 10px 10px 20px 20px !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    
    padding: 50px !important;
    min-height: 80vh !important;
    box-shadow: 0 10px 50px rgba(0,0,0,0.1) !important;
}

/* 【修复白色方块】把里面所有的文章容器强行透明 */
.day, .entrylistItem, .postCon, .postDesc, .postTitle, .postBody {
    background: transparent !important; /* 全部透明！ */
    border: none !important;
    box-shadow: none !important;
}

/* --- 5. 细节美化 --- */
.postTitle {
    border-left: 5px solid #6c5ce7 !important;
    padding-left: 15px !important;
    margin-bottom: 25px !important;
}
.postTitle a {
    color: #2d3436 !important;
    font-size: 24px !important;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5) !important;
}
.day {
    margin-bottom: 60px !important;
    border-bottom: 1px dashed rgba(0,0,0,0.2) !important;
    padding-bottom: 30px !important;
}

/* 文末粉色点赞按钮 */
#div_digg {
    float: none !important; margin: 40px auto !important; text-align: center !important; width: 100% !important; padding: 0 !important; background: transparent !important; border: none !important;
}
#green_channel, .buryit { display: none !important; }
.diggit {
    float: none !important; display: inline-block !important;
    background: rgba(255, 118, 117, 0.6) !important; border: 1px solid rgba(255, 255, 255, 0.6) !important;
    border-radius: 50px !important; padding: 10px 50px !important;
    box-shadow: 0 5px 15px rgba(255, 118, 117, 0.3) !important;
    color: #fff !important;
    background-image: none !important;
}
.diggit::before { content: "❤ 推荐"; display: block; font-size: 14px; margin-bottom: 2px; }
.diggnum { color: #fff !important; font-size: 24px !important; }
.diggit:hover { background: #ff7675 !important; transform: scale(1.15) !important; box-shadow: 0 8px 25px rgba(255, 118, 117, 0.6) !important; }

/* 隐藏杂项 */
#sideBar, #footer, #ad_t2, #cnblogs_c1, #under_post_news, .c_b_p_desc_readmore { display: none !important; }

/* 侧边栏抽屉 */
.custom-drawer { position: fixed; top: 0; right: -360px; width: 340px; height: 100%; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); z-index: 99999; transition: right 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); box-shadow: -5px 0 25px rgba(0,0,0,0.2); overflow-y: auto; }
.custom-drawer.open { right: 0; }
#drawer-toggle { position: fixed; bottom: 40px; right: 40px; width: 55px; height: 55px; background: rgba(255,255,255,0.9); border-radius: 50%; cursor: pointer; z-index: 100000; box-shadow: 0 5px 20px rgba(0,0,0,0.2); display: flex; justify-content: center; align-items: center; font-size: 28px; color: #333; transition: 0.3s; }
#drawer-toggle:hover { transform: scale(1.1) rotate(180deg); background: #fff; }

/* 文章内分类和标签独立胶囊 */
#custom-meta-box { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 12px !important; margin: 10px auto 30px auto !important; width: 100% !important; }
#BlogPostCategory, #EntryTag, .postDesc { display: none !important; }
.meta-capsule { display: inline-block !important; padding: 6px 20px !important; border-radius: 50px !important; font-size: 14px !important; font-weight: bold !important; text-decoration: none !important; transition: all 0.3s ease !important; line-height: 1.5 !important; }
.meta-cate { background: rgba(155, 89, 182, 0.15) !important; border: 1px solid rgba(155, 89, 182, 0.3) !important; color: #9b59b6 !important; }
.meta-tag { background: rgba(255, 182, 193, 0.3) !important; border: 1px solid rgba(255, 105, 180, 0.3) !important; color: #ff6b81 !important; }
.meta-capsule:hover { background: #fff !important; transform: scale(1.1) translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.15); }

/* ============================================================
   代码块美化：半透明粉色底 + 磨砂质感
   ============================================================ */

/* 1. 找到所有类型的代码容器 */
.cnblogs_code, 
.cnblogs_Highlighter, 
.cnblogs-markdown pre,
pre {
    /* 【核心】背景色：淡粉色 (255, 230, 235) + 0.55 透明度 */
    background-color: rgba(255, 230, 235, 0.55) !important;
    
    /* 边框：改成淡淡的粉色边框，和背景呼应 */
    border: 1px solid rgba(255, 182, 193, 0.4) !important;
    
    /* 圆角：稍微圆润一点，不那么死板 */
    border-radius: 12px !important;
    
    /* 磨砂效果：让背后的背景图模糊一点点，这样看代码不累眼 */
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    
    /* 字体优化：让代码看起来更舒服 */
    font-family: Consolas, "Courier New", monospace !important;
    padding: 15px !important; /* 增加一点内边距，不那么挤 */
}

/* 2. 确保代码里面的文字背景是透明的，不要有白底 */
.cnblogs_code span, 
.cnblogs_code pre,
.cnblogs-markdown code {
    background-color: transparent !important;
    border: none !important;
}

/* 3. 如果之前的 Mac 小圆点被覆盖了，这段代码可以确保它们显示得更好 */
/* (如果你现在的圆点位置已经很完美，这一段其实是锦上添花) */
.cnblogs_code, .cnblogs-markdown pre {
    position: relative !important;
    padding-top: 35px !important; /* 给上面的圆点留出空间 */
}

/* 这里利用 CSS 伪元素画那三个点 (如果你之前是用 JS 画的，这段CSS会自动匹配位置) */
/* 只有当你的代码框没有圆点时，这段才会生效补上去；如果有，它可能会重叠， */
/* **如果你发现圆点变成了两排，请删掉下面这段 `::before` 的代码** */
/* 
.cnblogs_code::before, .cnblogs-markdown pre::before {
    content: "● ● ●";
    position: absolute;
    top: 10px;
    left: 15px;
    color: #ff5f56; 
    font-size: 16px;
    line-height: 1;
    text-shadow: 20px 0 #ffbd2e, 40px 0 #27c93f; 
    z-index: 2;
    pointer-events: none;
}
*/

/* ============================================================
   侧边栏升级：粉紫梦幻风格 + 炫酷组件
   ============================================================ */

/* 1. 通用卡片样式：磨砂玻璃 + 悬浮特效 */
.sidebar-card {
    margin: 15px 20px;
    border-radius: 15px;
    padding: 20px;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border: 1px solid rgba(255,255,255,0.4);
}

/* 鼠标悬停时上浮 */
.sidebar-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

/* 2. 【地球运转卡片】粉色主调 */
.orbit-card {
    /* 绝美的粉紫渐变 */
    background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
}

.orbit-title {
    font-size: 13px;
    opacity: 0.9;
    margin-bottom: 8px;
    letter-spacing: 1px;
    font-weight: bold;
}

.orbit-time {
    font-family: 'Consolas', monospace; /* 等宽字体，数字跳动不抖动 */
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

/* 3. 【一言卡片】紫色主调 */
.hitokoto-card {
    /* 梦幻紫渐变 */
    background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
    cursor: pointer; /* 提示可以点击 */
}

.hitokoto-text {
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    margin-bottom: 10px;
    min-height: 45px; /* 防止高度跳动 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.hitokoto-from {
    font-size: 12px;
    text-align: right;
    opacity: 0.8;
}

.refresh-btn {
    font-size: 12px;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 20px;
    padding: 2px 8px;
    margin-top: 5px;
    display: inline-block;
    background: rgba(255,255,255,0.2);
}

/* 4. 按钮组美化：统一变成粉紫果冻 */
.sidebar-btn {
    display: block;
    padding: 12px;
    border-radius: 12px;
    text-decoration: none !important;
    text-align: center;
    font-weight: bold;
    color: #fff !important;
    margin-bottom: 10px;
    transition: 0.3s;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border: 1px solid rgba(255,255,255,0.3);
}

.btn-bilibili { background: linear-gradient(45deg, #ff9a9e, #fecfef); }
.btn-luogu    { background: linear-gradient(45deg, #a18cd1, #fbc2eb); }
.btn-github   { background: linear-gradient(45deg, #84fab0, #8fd3f4); color: #444 !important; }

.sidebar-btn:hover {
    filter: brightness(1.1);
    transform: scale(1.02);
}

/* ============================================================
   文末终极清理 + 评论区叠影修复
   ============================================================ */

/* --- 1. 斩草除根：隐藏所有推荐、广告、闲杂人等 --- */
#post_next_prev,      /* 上一篇/下一篇 */
#under_post_news,     /* 相关新闻 */
#under_post_kb,       /* 知识库 */
#cnblogs_c1,          /* 【核心】编辑推荐 */
#cnblogs_c2,          /* 【核心】热点博文 */
#ad_t2,               /* 底部广告 */
#comment_nav,         /* 评论区导航 */
.itnews               /* IT新闻 */
{
    display: none !important;
}

/* --- 2. 评论区修复：解决“双层框”问题 --- */

/* 第一步：给整个评论区大容器穿上“粉色磨砂衣” */
#comment_form_container {
    /* 浅粉色半透明背景 */
    background: rgba(255, 240, 245, 0.6) !important; 
    /* 粉色边框 */
    border: 2px solid rgba(255, 182, 193, 0.6) !important;
    border-radius: 15px !important;
    padding: 20px !important;
    margin-top: 30px !important;
    backdrop-filter: blur(5px);
    position: relative;
    z-index: 1;
}

/* 第二步：强制“洗掉”Markdown编辑器的白色背景 */
/* 不管是工具栏、输入区还是底部，统统变透明！ */
.comment_textarea, 
#tbCommentBody, 
.editor-toolbar,    /* Markdown 工具栏 */
.CodeMirror,        /* Markdown 输入区 */
.CodeMirror-scroll, 
.editor-statusbar   /* 底部状态栏 */
{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 修复输入文字的颜色，防止看不清 */
.CodeMirror {
    color: #333 !important;
}

/* 修复工具栏按钮的边框，让它看起来不突兀 */
.editor-toolbar {
    border-bottom: 1px dashed rgba(255, 182, 193, 0.5) !important;
    opacity: 0.8;
}

/* --- 3. 评论提交按钮 (保持之前的粉色果冻风) --- */
#btn_comment_submit {
    width: auto !important;
    height: auto !important;
    background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%) !important;
    border: none !important;
    border-radius: 50px !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 14px !important;
    padding: 10px 40px !important;
    margin-top: 15px !important;
    cursor: pointer !important;
    box-shadow: 0 5px 15px rgba(255, 154, 158, 0.4) !important;
    transition: transform 0.2s !important;
}
#btn_comment_submit:hover {
    transform: scale(1.05) !important;
}

/* --- 4. 标题栏美化 --- */
#commentform_title {
    background: transparent !important;
    border-bottom: 2px dashed rgba(255, 182, 193, 0.5) !important;
    margin-bottom: 15px !important;
    color: #555 !important;
}
#commentform_title a { display: none !important; } /* 隐藏"升级VIP"广告 */

/* ============================================================
   翻页器修复：首页+内页全覆盖 (无跳转框版)
   ============================================================ */

/* 1. 隐藏顶部翻页器 */
#homepage_top_pager { display: none !important; }

/* 2. 翻页容器：无论是首页还是内页，统统居中 */
#homepage_bottom_pager, 
.topicListFooter {
    display: flex !important;
    justify-content: center !important; /* 水平居中 */
    align-items: center !important;     /* 垂直居中 */
    flex-wrap: wrap !important;
    margin: 60px auto 40px auto !important; /* 距离底部远一点 */
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. 普通按钮 (上一页、下一页、未选中的数字) */
#homepage_bottom_pager a,
.topicListFooter a {
    text-decoration: none !important;
    display: inline-block !important;
    
    /* 胶囊形状 */
    border-radius: 50px !important;
    padding: 8px 20px !important;
    margin: 5px !important;
    
    /* 样式：半透明白底 */
    background: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid rgba(255, 182, 193, 0.5) !important;
    color: #555 !important;
    font-weight: bold !important;
    font-size: 14px !important;
    
    backdrop-filter: blur(5px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
    transition: all 0.3s ease !important;
}

/* 鼠标悬停特效 */
#homepage_bottom_pager a:hover,
.topicListFooter a:hover {
    background: #fff !important;
    color: #ff7675 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 5px 15px rgba(255, 118, 117, 0.3) !important;
}

/* 4. 【核心】当前页码高亮 (JS会加上这个类) */
.current-page-jelly {
    display: inline-block !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
    margin: 0 5px !important;
    
    /* 渐变深粉色实心背景 */
    background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%) !important;
    color: #fff !important; /* 白字 */
    font-weight: bold !important;
    font-size: 14px !important;
    
    box-shadow: 0 5px 15px rgba(255, 154, 158, 0.5) !important;
    transform: scale(1.1) !important;
    cursor: default !important;
    border: none !important;
}

/* 隐藏无关文字 */
.pager { color: #999 !important; }

/* ============================================================
   终极地毯式修复：强制所有类型的页面撑满宽度
   ============================================================ */

/* 1. 【核心】再次确认大容器是满的 (防止漏网) */
#home, #main, #mainContent, .forFlow {
    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

/* 2. 【重点】抓捕所有可能的文章列表容器 */
.entrylist,             /* 标签页、分类页 */
.PostList,              /* 随笔档案页 */
.myposts,               /* "我的随笔"页 */
#topics,                /* 文章详情页 */
.post,                  /* 单个文章块 */
.c_b_p_desc             /* 摘要块 */
{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important; /* 强制撑开 */
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* 3. 【特殊处理】如果BlueSky用表格做布局，强行拆开 */
/* 这能解决很多古老页面的排版问题 */
.entrylist table, 
.entrylist tbody, 
.entrylist tr, 
.entrylist td {
    display: block !important;
    width: 100% !important;
    border: none !important;
}

/* 4. 修复列表项的间距 */
.entrylistItem {
    display: block !important;
    width: 100% !important;
    margin-bottom: 40px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px dashed rgba(0,0,0,0.1) !important;
    min-height: unset !important; /* 去掉最小高度限制 */
}

/* 5. 修复标签页的大标题 (例如 "标签: 算法") */
.entrylistTitle, .PostListTitle {
    display: block !important;
    width: 100% !important;
    text-align: center !important; /* 居中 */
    font-size: 24px !important;
    font-weight: bold !important;
    color: #444 !important;
    border: none !important;
    border-bottom: 3px solid #ff7675 !important; /* 粉色下划线 */
    padding: 20px 0 !important;
    margin-bottom: 40px !important;
    background: transparent !important;
}

/* 6. 修复列表里的文章标题 */
.entrylistPosttitle {
    display: block !important;
    width: 100% !important;
    font-size: 22px !important;
    font-weight: bold !important;
    margin-bottom: 15px !important;
}
.entrylistPosttitle a {
    color: #333 !important;
    text-shadow: none !important;
}

/* 7. 修复摘要文字 */
.entrylistPostSummary {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important; /* 防止缩进 */
    color: #555 !important;
    line-height: 1.8 !important;
}

/* 8. 顺手把列表页底部的翻页器也修正了 */
.pager {
    text-align: center !important;
    margin-top: 30px !important;
}

/* ============================================================
   宽度紧急回调：回归 80% 精致居中
   ============================================================ */

/* 1. 定义一个统一的宽度变量 (你想改多少改这里就行) */
:root {
    --final-width: 80%; /* 这里的 80% 就是你要的宽度 */
    --final-max-width: 1200px; /* 限制最大宽度，防止在大屏幕上太扁 */
}

/* 2. 把 导航栏(标签) 和 内容卡片(home) 统统限制住 */
#header, #home {
    width: var(--final-width) !important;
    max-width: var(--final-max-width) !important;
    
    /* 强制居中 */
    margin-left: auto !important;
    margin-right: auto !important;
    
    /* 这一点很重要：防止被之前的代码强行撑满 */
    min-width: unset !important; 
}

/* 3. 内部容器：乖乖填满父亲 (也就是填满那 80%) */
/* 这一步是为了修复标签页内容缩成一团的问题，让它在 80% 的空间里撑满 */
#main, #mainContent, .forFlow, 
.entrylist, .PostList, .myposts, #topics, .post {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 4. 给卡片内部多留点呼吸空间，这样 80% 看起来更舒服 */
#mainContent {
    padding: 40px 60px !important; /* 左右内边距加大 */
}

/* ============================================================
   新增侧边栏样式：搜索框 + 标签云
   ============================================================ */

/* 1. 搜索框卡片 */
.search-card {
    background: rgba(255, 255, 255, 0.6); /* 半透明白底 */
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 182, 193, 0.5); /* 粉色边框 */
    padding: 15px !important;
}

.search-box {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 30px;
    padding: 5px 15px;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);
    border: 1px solid #eee;
    margin-top: 10px;
}

.search-input {
    border: none;
    outline: none;
    width: 100%;
    background: transparent;
    font-size: 13px;
    color: #555;
}

.search-icon {
    font-size: 12px;
    font-weight: bold;
    color: #ff9a9e;
    cursor: pointer;
    padding-left: 8px;
    border-left: 1px solid #eee;
    transition: 0.3s;
}
.search-icon:hover { color: #ff7675; transform: scale(1.1); }

/* 2. 标签云卡片 */
.tags-card {
    background: rgba(255, 240, 245, 0.5); /* 极淡的粉色底 */
    backdrop-filter: blur(10px);
    border: 1px solid rgba(161, 140, 209, 0.3); /* 淡紫色边框 */
    padding: 15px !important;
}

.tags-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
}

/* 标签小胶囊 */
.sidebar-tag {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    background: #fff;
    color: #555 !important;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* 标签数量角标 */
.tag-count {
    font-size: 10px;
    background: #ff9a9e;
    color: #fff;
    padding: 1px 5px;
    border-radius: 10px;
    margin-left: 4px;
    vertical-align: text-top;
}

/* 鼠标悬停特效：随机变色感 */
.sidebar-tag:hover {
    background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
    color: #fff !important;
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 5px 10px rgba(161, 140, 209, 0.4);
    border-color: transparent;
}
.sidebar-tag:hover .tag-count {
    background: #fff;
    color: #a18cd1;
}