等待后端更新接口

public/css/join-genealogy.css

@@ -1,6 +1,51 @@
 /* 加入家谱页只保留单页差异，公共认证卡片样式在 public.css */
 .page-join-genealogy .auth-card {
-  width: min(500px, 100%);
+  width: min(1080px, 100%);
+}
+
+.join-page-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
+  gap: 28px;
+  align-items: start;
+}
+
+.join-search-panel,
+.join-apply-form {
+  display: grid;
+  gap: 16px;
+}
+
+.join-search-panel {
+  padding-right: 28px;
+  border-right: 1px solid var(--line);
+}
+
+.join-page-grid h2 {
+  margin: 0;
+  font-size: 22px;
+}
+
+.join-page-grid .module-list {
+  max-height: 420px;
+  overflow: auto;
+}
+
+@media (max-width: 800px) {
+  .page-join-genealogy .auth-card {
+    width: min(500px, 100%);
+  }
+
+  .join-page-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .join-search-panel {
+    padding-right: 0;
+    padding-bottom: 24px;
+    border-right: 0;
+    border-bottom: 1px solid var(--line);
+  }
 }
 
 .invite-box {