body {
  font-family: 'VT323', monospace;
  background: transparent;
  margin: 0;
}

.sidebar-container {
  background: rgba(255, 255, 255, 0.85); /* 或你喜欢的背景 */
  width: 200px;
  box-shadow: 3px 3px black;
  border: 2px solid black;
  padding: 10px;
  box-sizing: border-box; /* 💡这句非常关键，避免内容撑出容器 */
  overflow: hidden;
}




.sidebar-container::-webkit-scrollbar {
  display: none; /* Chrome 隐藏滚动条 */
}


/* 头像闪动+旋转动画 */
@keyframes blink-rotate {
  0% {
    border-color: hotpink;
    transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    border-color: deeppink;
    opacity: 0.7;
  }
  100% {
    border-color: hotpink;
    transform: rotate(360deg);
    opacity: 1;
  }
}

@keyframes blink-border-only {
  0%, 100% { border-color: hotpink; opacity: 1; }
  50% { border-color: deeppink; opacity: 0.7; }
}

.avatar-frame {
  display: block;
  padding: 4px;
  border: 3px dotted hotpink;
  border-radius: 6px;
  animation: blink-border-only 2s linear infinite;
  margin-bottom: 10px;
}


@keyframes swayLoop {
  0%   { transform: rotate(0deg); scale(1);}
  10%  { transform: rotate(5deg); scale(1.2);}
  20%  { transform: rotate(0deg); scale(1);}
  30%  { transform: rotate(0deg); scale(1);}
  40%  { transform: rotate(0deg); scale(1);}
  100% { transform: rotate(0deg); scale(1);} /* 保持静止直到下一轮 */
}

.sidebarleft a {
  display: block;
  padding: 2px 4px;
  margin-bottom: 6px;
  background: url("https://cyber.dabamos.de/88x31/88x31pinkmarble.gif");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: darkgreen;
    text-align: center;
  font-size: 16px;
  transform-origin: center;
  animation: swayLoop 4s linear infinite; /* 动作+停顿更长 */
}