/* 基础容器：确保比例和宽度 */
#calendar-container {
  width: 100%;
  margin: 20px auto;
  aspect-ratio: 4 / 3; /* 保持宽高比 */
}
#poster-container {
  width: 100%;
  margin: 20px auto;
  aspect-ratio: 4 / 3; /* 保持宽高比 */
}

.google-component {
  width: 100%;
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 8px;
}

/* 核心：黑夜模式适配 */
@media (prefers-color-scheme: dark) {
  .google-component {
    /* 1. 反转颜色（黑变白，白变黑） */
    /* 2. hue-rotate(180deg) 确保蓝色还是蓝色，而不是变成橙色 */
    filter: invert(0.9) hue-rotate(180deg) brightness(1.1) contrast(0.9);
    border-color: #444;
  }
}