验证20%

public/css/profile-module.css

@@ -543,6 +543,68 @@
   box-shadow: 0 24px 60px rgba(57, 48, 36, .11);
 }
 
+.module-card.is-unavailable {
+  cursor: not-allowed;
+  opacity: .68;
+}
+
+.module-card.is-unavailable:after {
+  display: none;
+}
+
+.module-card.is-unavailable .pill {
+  display: inline-flex;
+  margin-top: 12px;
+  color: #6b542d;
+  background: #fff0cf;
+}
+
+.module-nav-unavailable {
+  padding: 14px 16px;
+  border-radius: 14px;
+  color: var(--muted);
+  background: #f4f1eb;
+  font-weight: 900;
+}
+
+.profile-path {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0 0 18px;
+  color: #6f766f;
+  font-size: 14px;
+  font-weight: 800;
+}
+
+.profile-path a {
+  color: var(--red);
+}
+
+.profile-path a:hover {
+  text-decoration: underline;
+}
+
+.profile-path span {
+  color: #a89f91;
+}
+
+.profile-path strong {
+  min-width: 0;
+  overflow: hidden;
+  color: var(--ink);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.module-nav-unavailable small {
+  display: block;
+  margin-top: 4px;
+  color: #8a5a3b;
+  font-size: 12px;
+  font-weight: 700;
+}
+
 .module-card.is-selected {
   border-color: rgba(200, 59, 50, .5);
   background: #fff6f1;
@@ -825,6 +887,10 @@
 }
 
 @media (max-width: 720px) {
+  .page-profile-module .module-nav {
+    display: none;
+  }
+
   .module-title-row {
     display: grid;
   }
@@ -833,10 +899,6 @@
     font-size: 38px;
   }
 
-  .module-nav {
-    grid-template-columns: 1fr;
-  }
-
   .lineage-filter-toolbar {
     grid-template-columns: 1fr;
   }