.bento {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: min-content;
  gap: 20px;
  width: min(1080px, 100%);
}

.profile   { grid-column: span 2; }
.player    { grid-column: span 4; }
.hitokoto  { grid-column: span 2; }
.about     { grid-column: span 2; }
.links     { grid-column: span 4; }
.sites     { grid-column: span 2; }

/* 中等屏幕：两列 */
@media (max-width: 900px) {
  .bento { grid-template-columns: repeat(2, 1fr); }
  .profile   { grid-column: span 2; order: 1; }
  .hitokoto  { grid-column: span 2; order: 2; }
  .player    { grid-column: span 2; order: 3; }
  .about     { grid-column: span 1; order: 4; }
  .links     { grid-column: span 1; order: 5; }
  .sites     { grid-column: span 1; order: 6; }
}

/* 手机：单列 */
@media (max-width: 620px) {
  body { padding: 16px; }
  .bento { grid-template-columns: 1fr; gap: 14px; }
  .profile, .player, .hitokoto, .about, .links, .sites { grid-column: span 1; }
  .player { padding: 20px; }
  /* 手机端：其他站点放在项目上面 */
  .sites { order: 5; }
  .links { order: 6; }
}