/* ============================================================
   30-sidebar.css
   侧栏 + widgets：sidebar-wrap / 菜单 / 头像 / fox top / widgets 颜色
   依赖: 00-tokens.css
   ============================================================ */

/* 侧栏容器：合并结构 + 颜色 + box-shadow */
.sidebar-wrap,
.sidebar-wrapper,
.widget-wrap {
  border: 1px solid;
  border-radius: 12px;
  background: rgba(22, 27, 34, 0.82) !important;
  border-color: rgba(48, 54, 61, 0.6) !important;
  color: var(--text-1) !important;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.25),
    0 8px 24px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* ========================================
   侧边栏资料卡菜单美化
   ======================================== */

/* 菜单项去掉方框边框，改为圆角卡片 */
.sidebar-menu-link-wrap {
  border: none !important;
  background: rgba(48, 54, 61, 0.5) !important;
  border-color: rgba(48, 54, 61, 0.6) !important;
  border-radius: 8px !important;
  margin-bottom: 6px !important;
  padding: 8px 16px !important;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.sidebar-menu-link-wrap:hover {
  background: rgba(224, 139, 168, 0.15) !important;
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(224, 139, 168, 0.15);
}

.sidebar-menu-link {
  color: var(--text-1) !important;
  font-weight: 500;
  font-size: 0.9rem;
}

.sidebar-menu-link-wrap:hover .sidebar-menu-link {
  color: var(--accent) !important;
}

/* 资料卡整体美化 */
.sidebar-author {
  padding-bottom: 12px;
}

/* 头像：合并圆形结构 + 光环呼吸动画 */
.sidebar-author img {
  border-radius: 50% !important;
  border: none !important;
  box-shadow:
    0 0 0 3px rgba(240, 168, 191, 0.6),
    0 0 24px rgba(240, 168, 191, 0.4),
    0 8px 20px rgba(0, 0, 0, 0.35) !important;
  animation: avatarGlow 4s ease-in-out infinite alternate;
}

.sidebar-author-name {
  font-weight: 700 !important;
  margin-top: 8px;
  color: var(--text-0) !important;
}

/* 描述 */
.sidebar-description {
  color: var(--text-2) !important;
}

/* 统计数字美化 */
.sidebar-state {
  border-radius: 8px;
  overflow: hidden;
}

.sidebar-state-number {
  font-weight: 700;
  color: var(--accent) !important;
}

.sidebar-state-article .sidebar-state-number {
  color: var(--accent) !important;
}

.sidebar-state-category .sidebar-state-number {
  color: var(--accent) !important;
}

.sidebar-state-tag .sidebar-state-number {
  color: var(--accent) !important;
}

/* 社交图标美化 */
.sidebar-social-icon a {
  transition: all 0.3s ease;
}

.sidebar-social-icon a:hover {
  transform: translateY(-3px);
}

/* ========================================
   回到顶部按钮 → 银月狐狸图标
   ======================================== */

/* 隐藏默认箭头 */
.sidebar-top .arrow-up {
  display: none !important;
}

/* 用自定义图片替代 */
.sidebar-top {
  background: transparent !important;
  box-shadow: none !important;
  width: 50px !important;
  height: 50px !important;
  overflow: visible !important;
}

.sidebar-top::before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  background: url('/img/fox-icon.webp') center / cover no-repeat;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.sidebar-top:hover::before {
  transform: scale(1.15) translateY(-3px);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
}

/* ========================================
   widget 颜色
   ======================================== */

/* 小部件标题 — 亮白 */
.widget-title {
  color: var(--text-0) !important;
}

/* 分类链接 */
.widget .category-list-link {
  color: var(--accent) !important;
}

.widget .category-list-link:hover {
  color: var(--accent-strong) !important;
}

/* 标签链接 */
.widget .tag-link {
  color: var(--accent) !important;
}

.widget .tag-link:hover {
  color: var(--accent-strong) !important;
}

/* 标签云 */
.widget.tagcloud a {
  color: var(--text-1) !important;
}

.widget.tagcloud a:hover {
  color: var(--accent-strong) !important;
}

/* 最新文章链接 */
.widget ul a {
  color: var(--text-1) !important;
}

.widget ul a:hover {
  color: var(--accent) !important;
}
