@media (min-width: 721px) {
  html, body, #app { width: 100%; height: 100%; margin: 0; overflow: hidden; }
  .app-shell { height: 100dvh; min-height: 0; padding: 12px; box-sizing: border-box; }
  .game-stage { width: min(100%, 1440px, calc((100dvh - 24px) * 16 / 9)); height: min(calc(100dvh - 24px), calc((100vw - 24px) * 9 / 16)); min-height: 0; aspect-ratio: 16 / 9; }
  .scene-wrap { height: 100%; }
  .page { overflow-y: auto; overflow-x: hidden; }
  #app .quiz-page .quiz-side { width: auto !important; height: auto !important; max-height: none !important; }
  #app .quality[data-quality-defect-quiz="1"] { max-width: none; }
  #app .quality[data-quality-defect-quiz="1"] .defect-quiz-layout { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important; }
  #app .quality[data-quality-defect-quiz="1"] .defect-image-wrap { min-height: 220px; }
}
@media (min-width: 721px) {
  #app .home-page { padding: clamp(24px,4vw,56px); }
  #app .home-page .home-content { width: min(100%, 1220px) !important; min-height: 100%; margin: auto !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) !important; align-items: center !important; gap: clamp(24px,4vw,60px) !important; }
  #app .home-page .home-left { align-items: flex-start !important; text-align: left !important; }
  #app .home-page .home-kicker, #app .home-page h1, #app .home-page .home-intro, #app .home-page .home-tip { text-align: left !important; }
  #app .home-page h1 { font-size: clamp(42px,5.8vw,82px) !important; }
  #app .home-page .home-intro { margin-left: 0 !important; }
  #app .home-page .home-tags { justify-content: flex-start !important; margin-left: 0 !important; }
  #app .home-page .mountain-card { width: 100% !important; }
  #app .home-page .home-right { min-width: 0; }
}
/* 以实拍车间为视觉底图，保留深色遮罩以保证正文对比度。 */
.game-stage { background: linear-gradient(105deg, rgba(5,26,50,.97) 0%, rgba(6,38,63,.93) 48%, rgba(8,52,66,.82) 100%), url('./custom-assets/workshop-tech-v3-web.jpg') center / cover no-repeat !important; }
#app .page-heading > .hero { display: none !important; }
#app .home-page .title-preview { border: 1px solid rgba(124, 214, 208, .32); background: rgba(6, 37, 57, .83); color: #b9e8df; letter-spacing: .08em; }
#app .home-page .title-preview > div { display: none; }
#app .home-page .title-preview::after { content: '安全  /  精进  /  协作  /  匠心'; color: #e4c780; font-weight: 700; font-size: 12px; letter-spacing: .08em; }
#app .home-page h1, #app .home-page .home-left h1, #app .home-page h1 span { font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif !important; font-weight: 900 !important; letter-spacing: .04em !important; }
#app .content-card { border-color: rgba(128, 207, 207, .3); box-shadow: 0 16px 38px rgba(0, 17, 30, .16); }
@media (min-width: 721px) {
  #app .jby-restart-button { right: 135px !important; }
  #app .header-bar { padding-right: 10px !important; }
}
#app .quality-eye-icon { display: none !important; }
#app .stat-icon { font-size: 0 !important; }
#app .stat-icon::before { font-size: 11px; font-weight: 800; color: #bce8e5; }
#app .stat-item:nth-child(1) .stat-icon::before { content: '安全'; }
#app .stat-item:nth-child(2) .stat-icon::before { content: '质量'; }
#app .stat-item:nth-child(3) .stat-icon::before { content: '协作'; }
#app .stat-item:nth-child(4) .stat-icon::before { content: '匠心'; }
#app .stat-item:nth-child(5) .stat-icon::before { content: '经验'; }
#app .home-tags span { font-size: 0 !important; }
#app .home-tags span::before { font-size: 13px; letter-spacing: .04em; }
#app .home-tags span:nth-child(1)::before { content: '安全生产'; }
#app .home-tags span:nth-child(2)::before { content: '质量意识'; }
#app .home-tags span:nth-child(3)::before { content: '班组协作'; }
#app .home-tags span:nth-child(4)::before { content: '工匠精神'; }
@media (max-width: 720px) {
  #app .inspect .panel .spot, #app .inspect .panel .spot.found { width: 26px !important; height: 26px !important; animation: none !important; transform: translate(-50%, -50%) !important; box-shadow: 0 0 0 3px rgba(80,210,240,.18), 0 0 9px rgba(58,197,235,.7) !important; }
  #app .inspect .panel .spot.found span { font-size: 16px !important; line-height: 22px !important; }
  #app .inspect .side .feedback { font-size: 14px !important; line-height: 1.5 !important; }
}