/* 柔和森林晨雾配色：降低大面积高亮与饱和度 */
body {
  background: linear-gradient(180deg, #eef2ef, #edf0e8 46%, #e7ede3);
}

.garden-gameboard {
  border-color: #c7d3c2;
  background: #eef2e9;
  box-shadow: 0 20px 58px rgba(36, 67, 49, .12);
}

.game-hud {
  background: linear-gradient(110deg, #f7f5e9, #e9f0df);
  border-color: #d2dccb;
}

.member-strip {
  background: rgba(229, 237, 218, .96);
  border-color: #cdd8c4;
}

.owner-tab {
  border-color: #cdd8c6;
  background: rgba(247, 248, 241, .88);
}

.garden-landscape {
  background: linear-gradient(180deg, #aeced1 0 48%, #a8bf89 49% 72%, #7fa16f 73% 100%);
}

.scene-sun {
  background: #e2cb86;
  box-shadow: 0 0 0 11px rgba(226, 203, 134, .12), 0 0 28px rgba(221, 194, 112, .25);
}

.scene-cloud {
  background: rgba(242, 244, 236, .63);
  box-shadow: 25px -12px 0 2px rgba(242,244,236,.63), 52px 1px 0 -3px rgba(242,244,236,.63);
}

.scene-hills {
  background: #8eae79;
  box-shadow: 390px -22px 0 #799f72, -310px 5px 0 #a5ba86;
}

.scene-path {
  background: #c5ad79;
  opacity: .64;
}

.scene-trees .tree-crown {
  background: radial-gradient(circle at 35% 27%, #9fc58a, #6b9c70 57%, #47785c 100%);
  box-shadow: -27px 18px 0 -10px #7daa72, 28px 18px 0 -10px #5c8d65, 0 8px 17px rgba(39, 84, 54, .15);
}

.scene-trees .fruit {
  filter: saturate(.82) brightness(.96);
  box-shadow: 0 3px 7px rgba(28,57,37,.18), 0 0 5px currentColor;
}

.scene-trees .tree-card h3,
.scene-trees .tree-meta {
  background: rgba(246, 247, 237, .92);
}

.tree-card.is-ready .tree-ready {
  background: #ebe6bc;
  color: #655f39;
}

.tree-action.can-take {
  background: linear-gradient(180deg, #dce9ad, #bed385);
  box-shadow: 0 4px 0 #9fb36c, 0 7px 13px rgba(93, 112, 55, .12);
}

.game-toolbar {
  background: linear-gradient(90deg, #e9eee0, #f2f0e4);
  border-color: #cad5c2;
}

.garden-rule {
  background: rgba(35, 68, 52, .62);
}

/* 避免多组同步位移动画造成整屏“抖动感” */
.scene-trees .tree-crown {
  animation: softTreeBreeze 9s ease-in-out infinite alternate;
}

.scene-trees .tree-card:nth-child(2) .tree-crown { animation-delay: -2.7s; }
.scene-trees .tree-card:nth-child(3) .tree-crown { animation-delay: -5.1s; }
.scene-trees .tree-card:nth-child(4) .tree-crown { animation-delay: -7.2s; }

.scene-trees .fruit {
  animation: softFruitLight 3.2s ease-in-out infinite;
}

.tree-card.is-ready .tree-ready,
.basket-fruit,
.scene-sun {
  animation: none;
}

.scene-cloud {
  animation-duration: 42s;
}

@keyframes softTreeBreeze {
  from { transform: translateX(-50%) rotate(-.35deg); }
  to { transform: translateX(-50%) rotate(.45deg); }
}

@keyframes softFruitLight {
  0%, 100% { filter: saturate(.82) brightness(.93); opacity: .94; }
  50% { filter: saturate(.9) brightness(1.08); opacity: 1; }
}

.reduce-motion .tree-crown,
.reduce-motion .fruit,
.reduce-motion .scene-cloud,
.reduce-motion .scene-sun,
.reduce-motion .basket-fruit {
  animation: none !important;
}
