/********************************
 * 工具类
 ********************************/
.glass { height: 200px; }

/********************************
 * 卡片部分
 ********************************/

/* 首页卡片通用大小 */
.card {
  width: 45%;
  padding: 1.5rem 1.1rem;
  margin: 1rem auto;
  font-size: 1.2rem;
}

.card p {
  font-size: 1.1em;
  margin: 0.2rem auto;
  word-break: break-word;
}

/* 个性名言设置 */
.card p.more_text {
  font-size: 1.3rem;
  margin-top: 0;
  margin-bottom: 0;
  opacity: 0.7;
}

.card p.last-updated{
  font-size: 0.9em;
  margin-bottom: 0;
  opacity: 0.85;
}

/* 世界线变化率显示文字 */
.card p.world-line-text {
  font-size: 0.9em;
  margin-top: 1.2rem;
  margin-bottom: 0;
  opacity: 0.85;
}

/********************************
 * 一言样式
 ********************************/
#hitokoto {
  border-radius: 0.5rem;
  padding: 0.8rem 1rem;
}
#hitokoto_text {
  color: rgba(180, 40, 200, 0.9);
}


/********************************
 * Steam 卡片居中
 ********************************/
.steam_card { text-align: center; }

/********************************
 * 响应式适配
 ********************************/
/* 平板端 (<= 768px) */
@media (max-width: 768px) {
  .card {
    width: 70%;
    font-size: 1.05rem;
    padding: 1.2rem 1rem;
  }
  .card p {
    font-size: 1rem;
  }
  .card p.more_text {
    font-size: 1.2rem;
  }
}

/* 手机端 (<= 500px) */
@media (max-width: 500px) {
  .card {
    width: 88%;
    padding: 0.8rem;
    margin: 1rem auto;
    font-size: 0.95rem;
    border-radius: 12px;
  }

  .card p {
    font-size: 1.1rem;
    line-height: 1.5;
  }
  .card p.more_text {
    font-size: 1.1rem;
  }
  .card p.last-updated,
  .card p.world-line-text {
    font-size: 0.9rem;
  }
}

/* 播放状态：有媒体播放时绿色 */
#media-info .value.awake {
    color: var(--awake-color-light);  /* 绿色 */
}

/* 未播放状态：灰色 */
#media-info .value.sleeping {
    color: var(--sleeping-color-light);  /* 灰色 */
}