修改功能

2026-08-29 19:06:07 +08:00
parent f94c652c7c
commit aaed0584b1
142 changed files with 6176 additions and 869 deletions
@@ -1412,3 +1412,170 @@
        transition-duration: .01ms !important;
      }
    }
+
+    @media (max-width: 720px) {
+      .hero {
+        min-height: 0;
+      }
+
+      .hero-inner {
+        min-height: 0;
+        gap: 28px;
+        padding: 36px 0 48px;
+      }
+
+      .hero-copy {
+        min-width: 0;
+        padding-top: 0;
+      }
+
+      .hero-copy:before {
+        content: none;
+      }
+
+      h1 {
+        font-size: 42px;
+      }
+
+      .lead {
+        font-size: 16px;
+        line-height: 1.75;
+      }
+
+      .hero-path {
+        gap: 7px;
+        font-size: 13px;
+      }
+
+      .hero-path i {
+        width: 16px;
+      }
+
+      .hero-action-card,
+      .cta,
+      .cta .btn {
+        width: 100%;
+      }
+
+      .hero-action-card {
+        padding: 12px;
+        border-radius: 18px;
+      }
+
+      .cta {
+        display: grid;
+        grid-template-columns: 1fr;
+        gap: 10px;
+      }
+
+      .cta .btn {
+        justify-content: center;
+      }
+
+      .metrics {
+        display: grid;
+        grid-template-columns: 1fr;
+      }
+
+      .metric + .metric {
+        border-top: 1px solid rgba(218, 201, 174, .78);
+        border-left: 0;
+      }
+
+      .hero-visual {
+        min-width: 0;
+        min-height: 0;
+        display: grid;
+        gap: 14px;
+        margin-left: 0;
+      }
+
+      .archive-stage,
+      .book-cover {
+        display: none;
+      }
+
+      .hall,
+      .video-card,
+      .search-panel {
+        width: calc(100dvw - 28px);
+        max-width: 100%;
+        position: relative;
+        inset: auto;
+      }
+
+      .hall {
+        height: auto;
+        aspect-ratio: 16 / 9;
+      }
+
+      .video-card {
+        height: 174px;
+      }
+
+      .search-panel {
+        padding: 16px;
+      }
+
+      .search-box {
+        width: 100%;
+      }
+
+      .word-scroll-card,
+      .word-window {
+        min-width: 0;
+        max-width: 100%;
+      }
+
+      .search-box span {
+        min-width: 0;
+        overflow: hidden;
+        padding-left: 14px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .search-box b {
+        width: 76px;
+        flex: 0 0 76px;
+      }
+
+      .genealogy-list,
+      .function-grid,
+      .quick-inner,
+      .qr-wrap {
+        grid-template-columns: 1fr;
+      }
+
+      section {
+        padding: 52px 0;
+      }
+
+      .section-head h2,
+      .download-panel h2 {
+        font-size: 34px;
+      }
+
+      .surname-panel {
+        gap: 18px;
+        padding: 16px;
+      }
+
+      .surname-intro {
+        padding: 22px;
+      }
+
+      .surname-grid {
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        gap: 8px;
+      }
+
+      .surname-name {
+        height: 54px;
+      }
+
+      .download-panel {
+        gap: 28px;
+        padding: 24px;
+      }
+    }