/* =========================================================
   渲染与交互性能
   ========================================================= */

/* Long collections are laid out only when they approach the viewport. This is
   especially useful on the 100-item list, timeline, mailbox and ledger page. */
.little-group,
.mail-section,
.ledger-bills,
.timeline-month {
  content-visibility: auto;
  contain-intrinsic-size: auto 320px;
}

/* Keep scroll/gesture handling off the main thread's critical path. */
.app-scroll {
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

button,
[role="button"],
.tab,
.cloud-card,
.theme-option {
  touch-action: manipulation;
}