--- before.html
+++ index.html
@@ -64,9 +64,7 @@
     .intro {
       position: sticky;
       top: 34px;
-      min-height: calc(100vh - 92px);
-      display: flex;
-      flex-direction: column;
+      min-width: 0;
     }
 
     .eyebrow {
@@ -109,9 +107,40 @@
       font-size: 15px;
     }
 
+    .intro-actions {
+      margin-top: 26px;
+    }
+
+    .works-link,
+    .copy-email {
+      display: inline-flex;
+      min-height: 42px;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid var(--ink);
+      border-radius: 0;
+      background: transparent;
+      color: var(--ink);
+      font: 700 13px/1 Arial, sans-serif;
+      letter-spacing: .08em;
+      text-decoration: none;
+      cursor: pointer;
+    }
+
+    .works-link {
+      padding: 0 20px;
+    }
+
+    .works-link:hover,
+    .copy-email:hover {
+      border-color: var(--orange);
+      color: var(--orange);
+    }
+
     .contact {
-      margin-top: auto;
-      padding-top: 56px;
+      margin-top: 38px;
+      padding-top: 28px;
+      border-top: 1px solid var(--line);
     }
 
     .contact-label {
@@ -125,10 +154,12 @@
 
     .email {
       display: inline-block;
+      max-width: 100%;
       padding-bottom: 2px;
       border-bottom: 1px solid currentColor;
       font-size: clamp(18px, 2vw, 24px);
       text-decoration: none;
+      overflow-wrap: anywhere;
     }
 
     .email:hover,
@@ -138,6 +169,33 @@
       margin: 8px 0 0;
       color: var(--ink-soft);
       font-size: 12px;
+    }
+
+    .contact-actions {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 10px 14px;
+      margin-top: 15px;
+    }
+
+    .copy-email {
+      padding: 0 16px;
+      font-family: inherit;
+    }
+
+    .copy-status {
+      min-height: 1.7em;
+      margin: 0;
+      color: var(--ink-soft);
+      font-size: 13px;
+    }
+
+    .works-link:focus-visible,
+    .copy-email:focus-visible,
+    .email:focus-visible {
+      outline: 3px solid var(--orange);
+      outline-offset: 4px;
     }
 
     .works-head {
@@ -222,10 +280,10 @@
     @media (max-width: 840px) {
       .page { width: min(100% - 32px, 660px); padding-top: 22px; }
       .layout { display: block; padding-top: 48px; }
-      .intro { position: static; min-height: auto; }
+      .intro { position: static; }
       h1 { font-size: clamp(62px, 20vw, 94px); }
       .intro-line { max-width: 13em; }
-      .contact { margin: 42px 0 72px; padding-top: 0; }
+      .contact { margin: 38px 0 72px; }
     }
 
     @media (max-width: 560px) {
@@ -258,12 +316,19 @@
           <h1 id="name">示例同学</h1>
           <p class="intro-line">用轻盈的线条，收集城市与日常里的小小停顿。</p>
           <p class="intro-note">自由插画师，喜欢把散步、植物和纸上琐事画成温柔又有一点幽默的故事。</p>
+          <div class="intro-actions">
+            <a class="works-link" href="#works-title">看作品</a>
+          </div>
         </div>
 
         <section class="contact" aria-labelledby="contact-title">
           <span class="contact-label" id="contact-title">来信 / Contact</span>
           <a class="email" href="mailto:hello@example.com">hello@example.com</a>
           <p class="demo-note">这是用于页面展示的演示邮箱地址。</p>
+          <div class="contact-actions">
+            <button class="copy-email" type="button" data-email="hello@example.com">复制邮箱</button>
+            <p class="copy-status" role="status" aria-live="polite"></p>
+          </div>
         </section>
       </section>
 
@@ -361,6 +426,21 @@
 
   <script>
     document.getElementById('year').textContent = new Date().getFullYear();
+
+    const copyButton = document.querySelector('.copy-email');
+    const copyStatus = document.querySelector('.copy-status');
+
+    copyButton.addEventListener('click', async () => {
+      try {
+        if (!navigator.clipboard || !window.isSecureContext) {
+          throw new Error('Clipboard API unavailable');
+        }
+        await navigator.clipboard.writeText(copyButton.dataset.email);
+        copyStatus.textContent = '已复制';
+      } catch (error) {
+        copyStatus.textContent = '请手动选择邮箱复制';
+      }
+    });
   </script>
 </body>
 </html>