/* 手機採用裝置字型，先呈現內容；桌面保留既有字型與視覺。 */
@media (max-width: 740px) {
  html body.meow-modern-chrome { --meow-font-ui: system-ui, -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Microsoft JhengHei', sans-serif; --ms-font-body: var(--meow-font-ui) !important; --ms-font-display: var(--meow-font-ui) !important; }
  html body.meow-modern-chrome { letter-spacing: .01em; }
  html body.meow-home-v2 #meow-home-main { padding: 22px 16px 0; }
  html body.meow-home-v2 .welcome { margin-bottom: 22px; gap: 16px; }
  html body.meow-home-v2 .welcome h1 { font-size: clamp(26px, 7.2vw, 31px); line-height: 1.4; letter-spacing: 0; }
  html body.meow-home-v2 .welcome-copy { font-size: 14px; line-height: 1.8; }
  html body.meow-home-v2 .welcome-actions { padding-top: 0; }
  html body.meow-home-v2 .welcome-actions .button { min-height: 48px; font-size: 14px; padding-inline: 10px; }
  html body.meow-home-v2 .album-panel { min-width: 0; }
  html body.meow-home-v2 .album-heading { gap: 12px; padding: 16px 14px 12px; }
  html body.meow-home-v2 .album-heading h2 { font-size: 15px; line-height: 1.65; }
  html body.meow-home-v2 .album-heading .eyebrow { font-size: 10px; }
  html body.meow-home-v2 .album-stage { height: auto; min-height: 0; aspect-ratio: auto; margin: 0 10px; overflow: hidden; display: flex; flex-direction: column; background: var(--panel-2); }
  html body.meow-home-v2 #album-image { position: static; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
  html body.meow-home-v2 .photo-shade { display: none; }
  html body.meow-home-v2 .photo-tag { top: 10px; left: 10px; font-size: 10px; }
  html body.meow-home-v2 .expand-photo { top: 10px; right: 10px; width: 44px; height: 44px; }
  html body.meow-home-v2 .photo-copy { position: static; padding: 14px 14px 0; width: 100%; box-sizing: border-box; text-shadow: none; color: var(--ink); }
  html body.meow-home-v2 .photo-copy > span { font-size: 11px; color: var(--cyan); }
  html body.meow-home-v2 .photo-copy h3 { font-size: 20px; line-height: 1.45; margin: 5px 0 8px; color: var(--ink); }
  html body.meow-home-v2 .photo-copy p { font-size: 13px; line-height: 1.75; color: var(--muted); margin-bottom: 0; max-width: none; }
  html body.meow-home-v2 .photo-controls { position: static; align-self: flex-end; flex-direction: row; padding: 10px 12px 12px; gap: 8px; }
  html body.meow-home-v2 .photo-control { width: 44px; height: 44px; color: var(--ink); background: var(--panel); border: 1px solid var(--line-strong); }
  html body.meow-home-v2 .album-thumbnails { display: flex; gap: 8px; overflow-x: auto; padding: 12px 12px 6px; scroll-snap-type: x proximity; scrollbar-width: thin; }
  html body.meow-home-v2 .thumbnail { flex: 0 0 62px; min-height: 48px; scroll-snap-align: start; }
  html body.meow-home-v2 .thumbnail-image { height: 45px; }
  html body.meow-home-v2 .album-footer { padding: 6px 14px 12px; gap: 6px; flex-wrap: wrap; font-size: 12px; }
  html body.meow-home-v2 #autoplay { min-height: 44px; padding: 8px 10px; font-size: 13px; }
  html body.meow-home-v2 .online-number strong { font-family: var(--meow-font-ui); }
  html body.meow-home-v2 #meow-home-main .stat-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
  html body.meow-home-v2 #meow-home-main .stat-row { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; min-width: 0; padding: 14px 0; }
  html body.meow-home-v2 #meow-home-main .stat-row dt { font-size: 13px; white-space: normal; min-width: 0; line-height: 1.6; gap: 7px; }
  html body.meow-home-v2 #meow-home-main .stat-row dt img { flex: 0 0 25px; }
  html body.meow-home-v2 #meow-home-main .stat-row dd { font-size: 22px; line-height: 1.3; min-width: 0; flex-wrap: wrap; gap: 5px; }
  html body.meow-home-v2 #meow-home-main .stat-row dd :is(span, small) { font-size: 12px; }
  html body.meow-home-v2 #meow-home-main .stat-row.uptime { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
  html body.meow-home-v2 #meow-home-main .stat-row.uptime dd { font-size: 17px; gap: 3px; }
  html body.meow-home-v2 .stats-footer { font-size: 11px; flex-wrap: wrap; }
  html body.meow-home-v2 #refresh-stats { width: 44px; height: 44px; }
  html body.meow-home-v2 .quick-links { grid-template-columns: 1fr; }
  html body.meow-home-v2 .quick-links > a { padding: 15px 14px; gap: 12px; }
  html body.meow-home-v2 .quick-links .quick-arrow { display: block; margin-left: auto; }
  html body.meow-home-v2 #home-v2-lower { padding-inline: 16px; margin-top: 24px; }
  html body.meow-home-v2 #home-v2-lower .home-panel-desc { font-size: 14px; }
  html body.meow-home-v2 #homepage-register-form-section { padding-inline: 16px; }
  html body.meow-home-v2 #lightbox { max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); padding: 10px; }
  html body.meow-home-v2 #lightbox .lightbox-bottom { gap: 6px; }
  html body.meow-home-v2 #lightbox .button { min-height: 44px; padding: 9px; font-size: 13px; }
  html body.meow-home-v2 #close-lightbox { min-width: 44px; min-height: 44px; }
}