*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: #f9f8f5; }
body { margin: 0; min-width: 320px; background: #f9f8f5; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; }
.factory-page { width: 100%; }
.factory-panel { position: relative; width: min(100%, 1920px); aspect-ratio: 16 / 9; margin-inline: auto; overflow: hidden; background: #f9f8f5; }
.factory-panel__art { position: absolute; top: 0; display: block; width: 300%; height: 100%; max-width: none; pointer-events: none; }
.factory-panel--rice .factory-panel__art { left: 0; }
.factory-panel--facilities .factory-panel__art { left: -100%; }
.factory-panel--services .factory-panel__art { left: -200%; }
.panel-actions a, .panel-back { position: absolute; z-index: 2; display: block; border-radius: 8px; }
.panel-actions a:hover, .panel-back:hover { background: rgb(183 143 75 / 8%); }
.panel-actions a:focus-visible, .panel-back:focus-visible { outline: max(2px, .18vw) solid #b78f4b; outline-offset: max(2px, .18vw); background: rgb(183 143 75 / 10%); }
.panel-overview { top: 1.8%; left: 74.5%; width: 5.2%; height: 6.7%; }
.panel-return { top: 1.8%; left: 81.6%; width: 7.4%; height: 6.7%; }
.panel-next { top: 1.8%; left: 91.4%; width: 6.5%; height: 6.7%; }
.panel-back { top: 30.6%; left: 52.8%; width: 3.8%; height: 7%; border-radius: 50%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.overview-page .factory-panel { scroll-margin-top: 0; }
@media (max-width: 767px) {
  .factory-panel { width: 100%; }
  .panel-actions a { top: 0; height: 12%; }
  .panel-overview { left: 70%; width: 10%; }
  .panel-return { left: 80%; width: 11%; }
  .panel-next { left: 91%; width: 9%; }
  .panel-back { top: 27%; left: 50%; width: 9%; height: 17%; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }