/* 暗色模式 - 增强拟态风格 */
.dark-mode-elements .neu-button {
  padding: 12px 24px;
  margin: 5px;
  border: none;
  border-radius: 50px;
  background: linear-gradient(145deg, #1a1a1a, #222222);
  color: var(--button-text);
  font-weight: 600;
  cursor: pointer;
  position: relative;
  box-shadow:
    6px 6px 12px var(--shadow-dark),
    -6px -6px 12px var(--shadow-light),
    10px 10px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.dark-mode-elements .neu-button:hover {
  transform: translateY(-5px);
  box-shadow:
    8px 8px 16px var(--shadow-dark),
    -8px -8px 16px var(--shadow-light),
    12px 12px 24px rgba(0, 0, 0, 0.2);
}

.dark-mode-elements .neu-button:active {
  transform: translateY(2px);
  box-shadow:
    inset 5px 5px 10px var(--shadow-dark),
    inset -5px -5px 10px var(--shadow-light);
}

.dark-mode-elements .neu-card {
  background: linear-gradient(145deg, #1a1a1a, #222222);
  border-radius: 20px;
  padding: 25px;
  box-shadow:
    8px 8px 16px var(--shadow-dark),
    -8px -8px 16px var(--shadow-light),
    12px 12px 24px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.dark-mode-elements .neu-card:hover {
  transform: translateY(-7px);
  box-shadow:
    12px 12px 24px var(--shadow-dark),
    -12px -12px 24px var(--shadow-light),
    16px 16px 32px rgba(0, 0, 0, 0.3);
}

.dark-mode-elements .date-display {
  background: linear-gradient(145deg, #1a1a1a, #222222);
  box-shadow:
    inset 5px 5px 10px var(--shadow-dark),
    inset -5px -5px 10px var(--shadow-light),
    2px 2px 5px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* 增强拟态版本 - 可以应用于特定元素 */
.dark-mode-elements .enhanced-neu {
  border-radius: 24px;
  background: linear-gradient(145deg, #1a1a1a, #222222);
  box-shadow:
    12px 12px 24px #0a0a0a,
    -12px -12px 24px #2a2a2a,
    18px 18px 36px rgba(0, 0, 0, 0.4),
    inset 1px 1px 2px rgba(255, 255, 255, 0.05);
  transition: all 0.4s ease;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.dark-mode-elements .enhanced-neu:hover {
  transform: translateY(-8px);
  box-shadow:
    15px 15px 30px #0a0a0a,
    -15px -15px 30px #2a2a2a,
    20px 20px 40px rgba(0, 0, 0, 0.4),
    inset 1px 1px 2px rgba(255, 255, 255, 0.05);
}

/* 内凹效果元素 */
.dark-mode-elements .inset-neu {
  background: #1e1e1e;
  border-radius: 16px;
  box-shadow:
    inset 8px 8px 16px #0f0f0f,
    inset -8px -8px 16px #2d2d2d;
  padding: 20px;
  transition: all 0.3s ease;
}

/* 圆形按钮增强效果 */
.dark-mode-elements .neu-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(145deg, #1a1a1a, #222222);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    6px 6px 12px #0f0f0f,
    -6px -6px 12px #2d2d2d,
    10px 10px 20px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.dark-mode-elements .neu-circle:hover {
  transform: translateY(-5px) scale(1.05);
  box-shadow:
    8px 8px 16px #0f0f0f,
    -8px -8px 16px #2d2d2d,
    12px 12px 24px rgba(0, 0, 0, 0.3);
}