/* ========================================================================
   Neo-Brutalism Design Override for Blog
   Inspired by day whale2 / COZE LITE UI
   ======================================================================== */

:root {
  /* -- Palette -- */
  --neo-primary: #FFD900;
  --neo-primary-dark: #e6c300;
  --neo-black: #000000;
  --neo-white: #ffffff;
  --neo-bg: #f8fafc;
  --neo-accent-blue: #3b82f6;
  --neo-accent-pink: #ec4899;
  --neo-accent-green: #10b981;

  /* -- Borders -- */
  --neo-border-width: 3px;
  --neo-border-color: #000000;

  /* -- Shadows -- */
  --neo-shadow: 5px 5px 0px 0px #000000;
  --neo-shadow-hover: 7px 7px 0px 0px #000000;
  --neo-shadow-active: 2px 2px 0px 0px #000000;

  /* -- Fonts -- */
  --neo-font: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ===== 全局基础 ===== */
body {
  font-family: var(--neo-font) !important;
  background-color: var(--neo-bg) !important;
  -webkit-font-smoothing: antialiased;
}

/* ===== 顶部导航栏 ===== */
header, nav,
.fixed.top-0,
[class*="bg-white"][class*="shadow"] {
  border-bottom: var(--neo-border-width) solid var(--neo-border-color) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* ===== 侧边栏 ===== */
aside,
.sidebar,
[class*="border-r"],
.fixed.left-0,
.lg\:flex.flex-col[class*="border-r"] {
  border-right: var(--neo-border-width) solid var(--neo-border-color) !important;
  background: var(--neo-white) !important;
  border-radius: 0 !important;
}

/* ===== 侧边栏导航项 ===== */
aside button,
aside a,
.sidebar button,
.sidebar a {
  border: var(--neo-border-width) solid var(--neo-border-color) !important;
  border-radius: 0 !important;
  margin-bottom: 8px !important;
  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

aside button:hover,
aside a:hover,
.sidebar button:hover,
.sidebar a:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: var(--neo-shadow) !important;
  background: var(--neo-bg) !important;
}

aside button:active,
aside a:active,
.sidebar button:active,
.sidebar a:active {
  transform: translate(2px, 2px) !important;
  box-shadow: var(--neo-shadow-active) !important;
}

/* 激活态 */
aside .bg-blue-50,
aside [class*="bg-blue-50"],
.sidebar .active {
  background: var(--neo-primary) !important;
  color: var(--neo-black) !important;
  transform: translate(-2px, -2px) !important;
  box-shadow: var(--neo-shadow) !important;
}

/* ===== 卡片样式 ===== */
[class*="rounded-lg"][class*="shadow"],
[class*="rounded-xl"][class*="shadow"],
[class*="rounded-2xl"][class*="shadow"],
[class*="rounded-3xl"],
.card-hover,
[class*="bg-white"][class*="rounded"] {
  border: var(--neo-border-width) solid var(--neo-border-color) !important;
  border-radius: 0 !important;
  box-shadow: var(--neo-shadow) !important;
  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

[class*="rounded-lg"][class*="shadow"]:hover,
[class*="rounded-xl"][class*="shadow"]:hover,
[class*="rounded-2xl"][class*="shadow"]:hover,
.card-hover:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: var(--neo-shadow-hover) !important;
}

/* ===== 按钮 ===== */
button[class*="bg-blue"],
button[class*="bg-green"],
button[class*="bg-orange"],
button[class*="bg-purple"],
button[class*="bg-indigo"],
a[class*="bg-blue"],
a[class*="bg-green"] {
  border: var(--neo-border-width) solid var(--neo-border-color) !important;
  border-radius: 0 !important;
  box-shadow: var(--neo-shadow) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

button[class*="bg-blue"]:hover,
button[class*="bg-green"]:hover,
button[class*="bg-orange"]:hover,
button[class*="bg-purple"]:hover,
a[class*="bg-blue"]:hover,
a[class*="bg-green"]:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: var(--neo-shadow-hover) !important;
}

button[class*="bg-blue"]:active,
button[class*="bg-green"]:active,
button[class*="bg-orange"]:active,
a[class*="bg-blue"]:active {
  transform: translate(2px, 2px) !important;
  box-shadow: var(--neo-shadow-active) !important;
}

/* ===== 主内容区域 ===== */
main, .main-content,
[class*="lg:pl-64"],
[class*="lg:pl-16"] {
  background: var(--neo-bg) !important;
}

/* ===== 轮播/Banner 区域 ===== */
[class*="relative"][class*="overflow-hidden"][class*="rounded"] {
  border: var(--neo-border-width) solid var(--neo-border-color) !important;
  border-radius: 0 !important;
  box-shadow: var(--neo-shadow) !important;
}

/* ===== 标签/Badge ===== */
[class*="rounded-full"][class*="px-"],
[class*="rounded-full"][class*="py-"] {
  border: 2px solid var(--neo-border-color) !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
}

/* ===== 输入框 ===== */
input, textarea, select {
  border: var(--neo-border-width) solid var(--neo-border-color) !important;
  border-radius: 0 !important;
  box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.05) !important;
}

input:focus, textarea:focus, select:focus {
  box-shadow: var(--neo-shadow) !important;
  outline: none !important;
}

/* ===== 滚动条 ===== */
::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-track {
  background: var(--neo-white);
  border-left: var(--neo-border-width) solid var(--neo-border-color);
}

::-webkit-scrollbar-thumb {
  background: var(--neo-primary);
  border: var(--neo-border-width) solid var(--neo-border-color);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--neo-black);
}

/* ===== "诚接毕设" 横幅 ===== */
[class*="bg-gradient-to-r"][class*="border-amber"],
[class*="border-amber-200"] {
  border: var(--neo-border-width) solid var(--neo-border-color) !important;
  border-radius: 0 !important;
  box-shadow: var(--neo-shadow) !important;
  background: var(--neo-primary) !important;
  color: var(--neo-black) !important;
}

/* ===== "添加微信" 按钮 ===== */
[class*="bg-gradient-to-r"][class*="from-purple"] {
  border: var(--neo-border-width) solid var(--neo-border-color) !important;
  border-radius: 0 !important;
  box-shadow: var(--neo-shadow) !important;
}

/* ===== 最近更新条 ===== */
[class*="bg-blue-50"],
[class*="bg-gradient-to-r"][class*="from-blue-50"] {
  border: 2px solid var(--neo-border-color) !important;
  border-radius: 0 !important;
}

/* ===== 全局圆角清除 ===== */
.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl, .rounded-full,
.rounded {
  border-radius: 0 !important;
}

/* ===== 动画 ===== */
@keyframes neo-slideIn {
  from { opacity: 0; transform: translateX(-5px); }
  to { opacity: 1; transform: translateX(0); }
}