验证20%

public/css/public.css

@@ -186,6 +186,39 @@ img {
   white-space: nowrap;
 }
 
+.profile-current-genealogy {
+  min-width: 0;
+  max-width: 240px;
+  display: grid;
+  gap: 2px;
+  margin-left: auto;
+  padding: 7px 12px;
+  border: 1px solid rgba(255, 248, 230, .28);
+  border-radius: 12px;
+  color: #fff8e6;
+  background: rgba(79, 29, 26, .18);
+  line-height: 1.2;
+}
+
+.profile-current-genealogy span {
+  color: rgba(255, 248, 230, .72);
+  font-size: 11px;
+  font-weight: 700;
+}
+
+.profile-current-genealogy strong {
+  overflow: hidden;
+  color: #fff8e6;
+  font-size: 14px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.profile-mobile-menu-toggle,
+.profile-mobile-menu {
+  display: none;
+}
+
 .btn {
   min-width: 118px;
   height: 44px;
@@ -790,6 +823,78 @@ textarea {
   background: #fff4ef;
 }
 
+@media (max-width: 1320px) {
+  .page-profile .nav-links,
+  .page-profile-module .nav-links {
+    display: none;
+  }
+
+  .profile-mobile-menu-toggle {
+    min-width: 58px;
+    height: 38px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 12px;
+    border: 1px solid rgba(255, 248, 230, .38);
+    border-radius: 10px;
+    color: #fff8e6;
+    background: rgba(79, 29, 26, .2);
+    font: inherit;
+    font-size: 13px;
+    font-weight: 800;
+  }
+
+  .page-profile .nav-actions,
+  .page-profile-module .nav-actions {
+    display: none;
+  }
+
+  .profile-mobile-menu.is-open {
+    display: block;
+    position: absolute;
+    top: 100%;
+    right: 0;
+    left: 0;
+    padding: 14px 0 18px;
+    border-bottom: 1px solid rgba(255, 253, 248, .24);
+    background: rgba(121, 42, 35, .99);
+    box-shadow: 0 22px 38px rgba(83, 32, 26, .28);
+  }
+
+  .profile-mobile-menu-inner {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 8px;
+  }
+
+  .profile-mobile-menu a,
+  .profile-mobile-menu button {
+    min-height: 46px;
+    display: flex;
+    align-items: center;
+    padding: 10px 14px;
+    border: 1px solid rgba(255, 248, 230, .16);
+    border-radius: 10px;
+    color: #fff8e6;
+    background: rgba(255, 253, 248, .08);
+    font: inherit;
+    font-weight: 800;
+    text-align: left;
+  }
+
+  .profile-mobile-menu button {
+    width: 100%;
+    cursor: pointer;
+  }
+
+  .profile-mobile-menu a.is-current {
+    border-color: rgba(255, 241, 202, .76);
+    color: #fff7d8;
+    background: rgba(255, 253, 248, .2);
+  }
+}
+
 @media (max-width: 1120px) {
   .nav-links {
     display: none;
@@ -819,6 +924,57 @@ textarea {
     display: none;
   }
 
+  .page-profile-module .nav,
+  .page-profile .nav {
+    height: 70px;
+    gap: 10px;
+  }
+
+  .page-profile-module .brand,
+  .page-profile .brand {
+    padding: 7px 10px;
+  }
+
+  .page-profile-module .brand-logo,
+  .page-profile .brand-logo {
+    width: 114px;
+  }
+
+  .page-profile-module .brand-logo-mark {
+    width: 38px;
+    height: 38px;
+  }
+
+  .page-profile-module .brand-text {
+    display: none;
+  }
+
+  .page-profile-module .nav-actions {
+    display: none;
+  }
+
+  .profile-current-genealogy {
+    max-width: 112px;
+    padding: 7px 9px;
+  }
+
+  .profile-current-genealogy span {
+    display: none;
+  }
+
+  .profile-current-genealogy strong {
+    font-size: 13px;
+  }
+
+  .profile-mobile-menu-toggle {
+    min-width: 50px;
+    padding: 0 9px;
+  }
+
+  .profile-mobile-menu-inner {
+    grid-template-columns: 1fr;
+  }
+
   .inner-hero .container {
     padding: 46px 0 54px;
   }