@media (max-width: 980px) {
  .main-nav { position: fixed; top: 74px; right: 0; left: 0; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); padding: 18px 7vw 26px; background: rgba(247,243,234,.98); border-bottom: 1px solid var(--line); opacity: 0; transform: translateY(-12px); pointer-events: none; transition: opacity .3s ease, transform .3s ease; }
  .main-nav.open { opacity: 1; transform: translateY(0); pointer-events: auto; }
  .nav-toggle { display: flex; flex: 0 0 44px; flex-direction: column; align-items: center; justify-content: center; gap: 4px; margin-left: auto; }
  .quick-entry, .card-grid.four, .info-grid, .service-grid, .digital-cards, .route-cards, .notice-grid, .edu-grid, .profile-metrics, .process-list, .floor-axis, .media-bridge-cards, .visit-contact-grid, .notice-service-grid, .org-grid, .org-detail-grid, .edu-news-columns, .audio-guide-workspace { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .audio-guide-workspace { grid-template-columns: 1fr; }
  .audio-hall-list { position: static; grid-template-columns: repeat(3, minmax(0,1fr)); }
  .audio-dock { left: 50%; right: auto; width: min(760px, calc(100vw - 40px)); grid-template-columns: minmax(0,1fr) auto; gap: 12px; }
  .audio-dock-progress { grid-column: 1 / -1; }
  .ct-visit-grid, .ct-nearby-grid { grid-template-columns: repeat(2, 1fr); }
  .ct-inquiry-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .visit-info-cards-new { grid-template-columns: repeat(2, 1fr); }
  .vic-new:nth-child(2n) { border-right: 0; }
  .vic-new:nth-child(n+3) { border-top: 1px solid rgba(18,63,53,.12); }
  .fg-tabs { flex-wrap: wrap; }
  .fg-tab { flex: 1 1 calc(50% - 7px); }
  .fg-panel.active { grid-template-columns: 1fr; }
  .vq-grid { grid-template-columns: repeat(2, 1fr); }
  .notice-grid-new { grid-template-columns: repeat(2, 1fr); }
  .edu-news-layout, .about-office-grid, .hangu-intro-grid, .edu-topic-showcase, .edu-news-duo, .home-digital-layout { grid-template-columns: 1fr; }
  .about-office-photo { min-height: 300px; }
  .hangu-tab-bar { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hangu-chapter-panel ul { grid-template-columns: 1fr; }
  .volunteer-recruit-banner { grid-template-columns: 1fr; }
  .volunteer-recruit-banner b { grid-column: 1; grid-row: auto; justify-self: start; }
  .about-intro-grid { grid-template-columns: 1fr; gap: 32px; }
  .about-intro-photo img { min-height: 280px; }
  .about-stats { grid-template-columns: repeat(2, 1fr); }
  .about-service-cards { grid-template-columns: repeat(2, 1fr); }
  .about-timeline::before { left: 104px; }
  .tl-milestone { grid-template-columns: 80px 24px 1fr; gap: 16px; }
  .tl-year { font-size: 26px; }
  .floor-showcase { grid-template-columns: repeat(2, 1fr); }
  .dg-grid { grid-template-columns: 1fr; }
  .contact-hero-grid { grid-template-columns: 1fr; }
  .contact-hero-map { min-height: 360px; }
  .es-grid { grid-template-columns: repeat(2, 1fr); }
  .ec-grid { grid-template-columns: repeat(2, 1fr); }
  .ep-grid { grid-template-columns: repeat(2, 1fr); }
  .visit-panel { position: relative; right: auto; top: auto; transform: none; margin: 28px 7vw 0; }
  .sub-hero-cta { display: none; }
  .hero { display: block; min-height: auto; padding: 112px 0 48px; }
  .hero-content { margin-top: 0; }
  .visit-strip-inner { grid-template-columns: 1fr 1fr; }
  .visit-strip a { min-height: 82px; }
  .artifact-carousel { grid-auto-columns: calc((100% - 22px) / 2); }
  .back-to-top { right: 16px; bottom: 16px; width: 44px; height: 44px; font-size: 18px; }
}
@media (max-width: 760px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  .site-header { padding: 0 20px; }
  .brand { min-width: 0; }
  .brand-mark { height: 46px; max-width: calc(100vw - 116px); }
  .nav-toggle { position: absolute; right: 20px; top: 15px; display: flex !important; flex: 0 0 44px; }
  main, .section-pad, .band { box-sizing: border-box; width: 100%; max-width: 100vw; overflow-x: hidden; }
  .section-pad, .band { padding-left: 20px; padding-right: 20px; }
  .hero { min-height: auto; padding: 88px 0 34px; }
  .sub-hero { min-height: 460px; }
  .hero-content, .sub-hero-text { max-width: calc(100vw - 40px); margin-left: 20px; width: calc(100% - 40px); }
  .hero-content p:not(.eyebrow), .sub-hero-text p:not(.eyebrow) { max-width: 100%; font-size: 16px; line-height: 1.82; overflow-wrap: anywhere; word-break: break-word; }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .hero-actions .btn { width: 100%; }
  .main-nav.open, .quick-entry, .card-grid.four, .card-grid.three, .info-grid, .service-grid, .digital-cards, .two-column, .digital-layout, .home-digital-layout, .news-layout, .floor-list, .chapter-grid, .visit-flow, .guide-list, .artifact-detail, .news-list-page, .news-detail-page, .contact-grid, .footer-grid, .intro-panel, .content-band, .service-hero-grid, .detail-layout, .pending-layout, .digital-hub, .digital-hub .digital-cards, .vr-layout, .audio-layout, .edu-layout, .news-board, .route-cards, .notice-grid, .edu-grid, .profile-metrics, .process-list, .floor-axis, .floor-showcase, .dg-grid, .es-grid, .ec-grid, .ep-grid, .media-bridge, .media-bridge-cards, .pending-fields, .event-item, .audio-player-mock, .about-intro-grid, .about-stats, .about-service-cards, .contact-hero-grid, .ct-visit-grid, .ct-nearby-grid, .ct-inquiry-grid, .visit-contact-grid, .notice-service-grid, .edu-news-layout, .edu-news-columns, .about-office-grid, .org-grid, .org-detail-grid, .audio-guide-workspace, .audio-hall-list, .hangu-intro-grid, .hangu-tab-bar, .hangu-chapter-panel ul, .edu-topic-showcase, .edu-news-duo { max-width: 100%; grid-template-columns: 1fr; }
  .card-grid { width: calc(100vw - 40px); max-width: 100%; min-width: 0; }
  .filter-bar { width: min(300px, calc(100vw - 40px)); max-width: 100%; min-width: 0; }
  .image-card { width: 100%; max-width: 100%; min-width: 0; }
  .section-head.split { display: block; }
  .section-more { display: inline-block; margin-top: 16px; }
  .quick-entry { padding-top: 18px; padding-bottom: 18px; }
  .visit-panel { width: auto; margin-left: 20px; margin-right: 20px; }
  .visit-info-cards-new, .vq-grid, .notice-grid-new { grid-template-columns: 1fr; }
  .vic-new { border-right: 0; border-top: 1px solid rgba(18,63,53,.12); }
  .vic-new:first-child { border-top: 0; }
  .visit-contact-card { padding-left: 18px; }
  .notice-service-grid .notice-new { grid-template-columns: 42px 1fr; gap: 10px 14px; }
  .notice-service-grid .notice-new p { grid-column: 2; }
  .org-chart-panel { padding: 30px 20px 28px; }
  .org-duty { grid-template-columns: 1fr; gap: 10px; margin-bottom: 30px; }
  .org-root { margin-bottom: 34px; font-size: 19px; }
  .org-root::after { bottom: -34px; height: 34px; }
  .org-branch-list { min-width: 720px; grid-template-columns: repeat(8, 90px); }
  .org-detail-grid article { padding: 20px; }
  .leader-row { grid-template-columns: 1fr; }
  .leader-row span { border-left: 0; border-top: 1px solid rgba(18,63,53,.08); }
  .leader-row span:first-child { border-top: 0; }
  .leader-row.head { display: none; }
  .edu-news-feature { min-height: 360px; }
  .edu-news-feature span { margin-top: 170px; }
  .vr-panorama-banner { margin-top: 22px; margin-bottom: 22px; }
  .vr-panorama-banner img { height: 112px; object-fit: cover; }
  .hangu-intro-copy, .hangu-chapter-panel, .edu-list-board { padding: 24px 20px; }
  .hangu-hall-banner, .hangu-hall-banner img { min-height: 260px; }
  .hangu-tab-bar button { min-height: 54px; }
  .edu-topic-feature { min-height: 360px; }
  .edu-topic-feature div { left: 22px; right: 22px; bottom: 22px; }
  .edu-topic-list > a { grid-template-columns: minmax(0,1fr) 68px; min-height: 78px; padding: 0; }
  .edu-topic-list > a strong { font-size: 15px; }
  .edu-topic-list > a em { font-size: 13px; }
  .edu-list-items a { grid-template-columns: 36px minmax(0,1fr); gap: 12px; padding: 16px 0; }
  .edu-list-items em { grid-column: 2; text-align: left; }
  .volunteer-recruit-banner { min-height: 220px; padding: 28px 24px; }
  .visit-map-card { min-height: 320px; }
  .map-pin { max-width: calc(100% - 52px); white-space: normal; text-align: center; }
  .fg-tabs { flex-direction: column; }
  .fg-tab { flex: 1 1 100%; }
  .route-flow { grid-template-columns: 1fr; gap: 0; }
  .rf-arrow { transform: rotate(90deg); padding: 6px 0; }
  .rf-step { padding: 20px 16px; }
  .rf-step h4 { font-size: 15px; }
  .fg-plan-wrap { padding: 14px; min-height: 260px; }
  .fg-plan-placeholder { min-height: 220px; padding: 24px 16px; }
  .visit-strip { padding-top: 36px; padding-bottom: 36px; }
  .visit-strip-inner { grid-template-columns: 1fr; }
  .visit-strip article { min-height: auto; border-right: 0; border-bottom: 1px solid rgba(18,63,53,.18); }
  .visit-strip a { min-height: 58px; }
  .image-card img, .news-lead img, .digital-layout img { height: 240px; }
  .image-card div { padding-right: 70px; }
  .image-card.artifact-card h3 { min-height: auto; }
  .image-card p { word-break: break-all; }
  .article-pager, .article-pager-three { grid-template-columns: 1fr; }
  .article-pager-three .pager-next { text-align: left; }
  .home-digital-hero { min-height: 360px; }
  .home-digital-hero span, .home-digital-hero strong, .home-digital-hero em { margin-left: 24px; margin-right: 24px; }
  .home-digital-cards a { grid-template-columns: 48px minmax(0,1fr); padding: 20px; }
  .news-detail-aside { position: static; }
  .detail-aside { position: static; }
  .band-image, .artifact-media, .vr-stage { min-height: 300px; }
  .contact-hero-map { min-height: 320px; }
  .contact-hero-map iframe { min-height: 320px; }
  .ct-visit-card, .ct-nearby-card { padding: 28px 22px; }
  .ct-visit-icon { width: 56px; height: 56px; }
  .ct-inquiry-card { padding: 24px 18px; }
  .artifact-carousel { grid-auto-columns: 86%; }
  .player-thumb { width: 140px; height: 140px; font-size: 48px; }
  .player-title { font-size: 20px; }
  .guide-page-body { padding-bottom: 0; }
  .guide-page-body .site-footer { padding-bottom: 0; }
  .audio-hall-panel { padding: 24px 20px; }
  .audio-track { grid-template-columns: 38px minmax(0,1fr) 42px 30px; gap: 10px; padding: 10px; }
  .audio-track em { grid-column: 3; text-align: right; }
  .audio-track::after, .audio-track::before { grid-column: 4; }
  .audio-dock { left: 12px; right: 12px; bottom: 10px; width: auto; max-width: none; box-sizing: border-box; grid-template-columns: 1fr; gap: 7px; min-height: 0; padding: 10px 12px 11px; transform: none; }
  .audio-dock-title { grid-column: 1; padding-right: 0; }
  .audio-dock-title span { margin-bottom: 2px; font-size: 12px; }
  .audio-dock-title strong { font-size: 15px; white-space: nowrap; }
  .audio-dock-controls { display: flex; justify-content: flex-start; gap: 6px; width: auto; min-width: 0; }
  .audio-dock-controls button { width: 32px; height: 32px; min-width: 0; min-height: 0; padding: 0; }
  .audio-dock-controls .audio-play-toggle { width: 36px; height: 36px; }
  .audio-dock-controls svg { width: 16px; height: 16px; }
  .audio-dock-progress { grid-template-columns: minmax(0,1fr); gap: 0; }
  .audio-dock-progress em { display: none; }
  .event-date { justify-self: start; }
  .footer-links ul { gap: 6px 12px; }
  .footer-links a { font-size: 13px; }
  .back-to-top { right: 12px; bottom: 12px; }
}

/* 触摸设备：禁用 hover 抬升效果，避免点击后元素不归位 */
@media (hover: none) {
  .btn:hover, .section-more:hover, .image-card:hover, .quick-card:hover, .about-service-card:hover, .about-stat:hover, .tl-body:hover, .fs-card:hover, .ec-card:hover, .es-card:hover, .ep-card:hover, .dg-card:hover, .vq-card:hover, .notice-new:hover, .rf-step:hover, .ct-visit-card:hover, .ct-nearby-card:hover, .ct-inquiry-card:hover, .vic-new:hover { transform: none !important; }
  .sub-hero-cta:hover { transform: translateY(-50%) !important; }
}