/* ============================================
   簡約清新風格 - Clean Minimal Style
   https://new.3pm.lol/
   ============================================ */

body {
  background: #fafafa !important;
  color: #333 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

#sidebar {
  background: #ffffff !important;
  border-right: 1px solid #e0e0e0 !important;
  box-shadow: 2px 0 8px rgba(0,0,0,0.05) !important;
}

#main-wrapper {
  background: transparent !important;
}

#topbar-wrapper {
  background: #ffffff !important;
  border-bottom: 1px solid #e0e0e0 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
}

.card {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}

.card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}

.post-meta {
  color: #888 !important;
  font-size: 0.9em !important;
}

a {
  color: #2563eb !important;
  text-decoration: none !important;
}

a:hover {
  color: #1d4ed8 !important;
  text-decoration: underline !important;
}

#panel-wrapper {
  background: #ffffff !important;
  border-left: 1px solid #e0e0e0 !important;
}

#tail-wrapper {
  background: #ffffff !important;
  border-top: 1px solid #e0e0e0 !important;
}

.site-title {
  color: #111 !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
}

.site-subtitle {
  color: #666 !important;
  font-weight: 400 !important;
}

.nav-link {
  color: #555 !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  margin: 2px 0 !important;
  padding: 8px 12px !important;
}

.nav-link:hover {
  color: #2563eb !important;
  background: #f0f4ff !important;
}

.nav-item.active .nav-link {
  color: #2563eb !important;
  background: #eef2ff !important;
}

#search-input {
  background: #f5f5f5 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  color: #333 !important;
}

#search-input:focus {
  background: #ffffff !important;
  border-color: #2563eb !important;
  outline: none !important;
}

#search-input::placeholder {
  color: #999 !important;
}

#mode-toggle {
  color: #666 !important;
}

#mode-toggle:hover {
  color: #2563eb !important;
}

.panel-heading {
  color: #111 !important;
  font-weight: 600 !important;
  font-size: 0.95em !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.content {
  line-height: 1.7 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #111 !important;
  font-weight: 600 !important;
}