/* 1. 默认状态：白天模式 */
#mj-random-quote {
  position: fixed;
  bottom: 20px;
  left: 20px;
  
  /* --- 核心修改：自适应宽度控制 --- */
  /* 设置最大宽度为：100% 屏幕宽度 - 左边距(20px) - 右侧按钮预留空间(60px) */
  max-width: calc(100vw - 80px); 
  /* 允许文字换行，防止撑破框框 */
  word-wrap: break-word;
  white-space: normal;
  /* ---------------------------- */

  background: rgba(255, 255, 255, 0.65);
  color: #333333;
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 14px;
  z-index: 999; /* 稍微调低一点，确保它在某些极高层级菜单下面 */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: mjFadeIn 1s ease-in-out;
}

/* 2. 触发状态：Alist 黑夜模式 */
html.dark #mj-random-quote,
html[data-theme='dark'] #mj-random-quote,
body.hope-ui-dark #mj-random-quote {
  background: rgba(0, 0, 0, 0.65);
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}