fix bug

Author: WillQvQ

assets/css/style.css

@@ -780,6 +780,38 @@ html[lang="zh-CN"] .highlight-card h3 {
   padding-bottom: 8px;
 }
 
+/* 有链接的成员卡片样式（整个卡片可点击） */
+a.member-card-link {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  min-height: auto;
+  padding-bottom: 8px;
+  text-decoration: none;
+  color: inherit;
+  transition: transform 0.2s ease;
+}
+
+a.member-card-link:hover {
+  transform: translateY(-4px);
+}
+
+a.member-card-link .member-photo {
+  cursor: pointer;
+}
+
+a.member-card-link .member-name {
+  color: var(--fudan-blue);
+  cursor: pointer;
+  transition: color 0.3s ease;
+}
+
+a.member-card-link:hover .member-name {
+  color: var(--text-soft);
+  text-decoration: underline;
+}
+
 .member-photo {
   width: 140px;
   height: 140px;
@@ -1153,7 +1185,7 @@ html[lang="en"] #resources .resource-card h3 {
 
 /* Alumni main container alignment */
 #alumni-main.container, #people-main.container, #resources-main.container, #research-main.container, #highlights-main.container {
-  padding-top: 40px !important;
+  /* padding-top: 40px !important; */
 }
 
 /* Alumni list layout */

assets/js/spa.js

@@ -158,11 +158,34 @@
     if (route === 'positions' && params.section) {
       setTimeout(() => {
         const target = document.getElementById(params.section);
-        if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        if (target) {
+          const offset = 120; // 导航栏高度 + 额外间距
+          const bodyRect = document.body.getBoundingClientRect().top;
+          const elementRect = target.getBoundingClientRect().top;
+          const elementPosition = elementRect - bodyRect;
+          const offsetPosition = elementPosition - offset;
+          window.scrollTo({ top: offsetPosition, behavior: 'smooth' });
+        }
       }, 50);
     }
   }
 
+  // 滚动到指定区域的函数（用于按钮点击）
+  function scrollToSection(sectionId) {
+    const target = document.getElementById(sectionId);
+    if (target) {
+      const offset = 120; // 导航栏高度 + 额外间距
+      const bodyRect = document.body.getBoundingClientRect().top;
+      const elementRect = target.getBoundingClientRect().top;
+      const elementPosition = elementRect - bodyRect;
+      const offsetPosition = elementPosition - offset;
+      window.scrollTo({ top: offsetPosition, behavior: 'smooth' });
+    }
+  }
+
+  // 将滚动函数暴露到全局作用域
+  window.scrollToSection = scrollToSection;
+
   function parseHash() {
     const raw = window.location.hash.replace('#', '');
     if (!raw) return { route: 'home', params: {} };
@@ -322,17 +345,25 @@
     if (!list.length) return `<p>${t('people.updating')}</p>`;
     return list.map(member => {
       const name = member.name?.[currentLang] || member.name?.zh || member.name;
-      const nameHtml = member.homepage
-        ? `<a href="${member.homepage}" target="_blank" class="member-name-link">${name}</a>`
-        : name;
 
-      return `
-        <div class="member-card">
-          ${member.photo ? `<img src="${member.photo}" alt="${name}" class="member-photo">` : ''}
-          <h4 class="member-name">${nameHtml}</h4>
-          ${showTitle && member.title ? `<p class="member-title">${member.title[currentLang] || member.title.zh || member.title}</p>` : ''}
-        </div>
-      `;
+      // 如果有主页链接，整个卡片都可点击
+      if (member.homepage) {
+        return `
+          <a href="${member.homepage}" target="_blank" class="member-card member-card-link">
+            ${member.photo ? `<img src="${member.photo}" alt="${name}" class="member-photo">` : ''}
+            <h4 class="member-name">${name}</h4>
+            ${showTitle && member.title ? `<p class="member-title">${member.title[currentLang] || member.title.zh || member.title}</p>` : ''}
+          </a>
+        `;
+      } else {
+        return `
+          <div class="member-card">
+            ${member.photo ? `<img src="${member.photo}" alt="${name}" class="member-photo">` : ''}
+            <h4 class="member-name">${name}</h4>
+            ${showTitle && member.title ? `<p class="member-title">${member.title[currentLang] || member.title.zh || member.title}</p>` : ''}
+          </div>
+        `;
+      }
     }).join('');
   }
 
@@ -562,7 +593,7 @@
             <article class="resource-card">
               <h3>${card.title}</h3>
               <p>${card.desc}</p>
-              <a class="btn btn-inline" href="#positions?section=${card.id}">${t('positions.detail.link')}</a>
+              <a class="btn btn-inline" href="javascript:void(0)" onclick="scrollToSection('${card.id}')">${t('positions.detail.link')}</a>
             </article>
           `).join('')}
         </div>