style: 移除重复页面头部

oneinai.html

@@ -70,83 +70,12 @@
     margin: 0 auto;
   }
 
-  .masthead {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    min-height: 72px;
-    border-bottom: 1px solid var(--line);
-    gap: 32px;
-  }
-
-  .brand-lockup {
-    display: inline-flex;
-    align-items: center;
-    gap: 12px;
-    color: var(--ink);
-    font-size: 14px;
-    font-weight: 900;
-    letter-spacing: 0.12em;
-  }
-
-  .brand-mark {
-    width: 12px;
-    height: 12px;
-    border-radius: 4px;
-    background: linear-gradient(135deg, var(--cyan) 0%, var(--red) 52%, var(--violet) 100%);
-    box-shadow: 0 4px 12px rgba(62, 164, 236, 0.24);
-  }
-
-  .masthead-note {
-    color: var(--muted);
-    font-size: 12px;
-    letter-spacing: 0.08em;
-  }
-
-  .masthead-nav {
-    display: flex;
-    align-items: center;
-    gap: 26px;
-    color: var(--muted);
-    font-size: 13px;
-  }
-
-  .masthead-nav a {
-    position: relative;
-    padding: 8px 0;
-    transition: color 180ms ease;
-  }
-
-  .masthead-nav a::after {
-    content: '';
-    position: absolute;
-    right: 0;
-    bottom: 2px;
-    left: 0;
-    height: 1px;
-    background: var(--red);
-    transform: scaleX(0);
-    transform-origin: right center;
-    transition: transform 180ms ease;
-  }
-
-  .masthead-nav a:hover,
-  .masthead-nav a:focus-visible {
-    color: var(--ink);
-  }
-
-  .masthead-nav a:hover::after,
-  .masthead-nav a:focus-visible::after {
-    transform: scaleX(1);
-    transform-origin: left center;
-  }
-
   .hero {
     display: grid;
     grid-template-columns: minmax(0, 1.22fr) minmax(330px, 0.78fr);
     gap: clamp(42px, 8vw, 130px);
     align-items: center;
-    min-height: min(790px, calc(100vh - 72px));
+    min-height: min(790px, 100vh);
     padding: clamp(76px, 10vw, 136px) 0 clamp(92px, 12vw, 156px);
     border-bottom: 1px solid var(--line);
   }
@@ -688,7 +617,6 @@
   }
 
   .btn:focus-visible,
-  .masthead-nav a:focus-visible,
   .doc-link:focus-visible {
     outline: 2px solid var(--red);
     outline-offset: 5px;
@@ -710,10 +638,6 @@
       width: min(100% - 40px, 720px);
     }
 
-    .masthead-note {
-      display: none;
-    }
-
     .hero {
       grid-template-columns: 1fr;
       gap: 68px;
@@ -763,23 +687,6 @@
       width: calc(100% - 28px);
     }
 
-    .masthead {
-      min-height: 64px;
-    }
-
-    .brand-lockup {
-      font-size: 13px;
-    }
-
-    .masthead-nav {
-      gap: 14px;
-      font-size: 12px;
-    }
-
-    .masthead-nav a:nth-child(2) {
-      display: none;
-    }
-
     .hero {
       gap: 54px;
       padding-top: 64px;
@@ -926,19 +833,6 @@
 
 <div class='oneinai-root'>
   <main class='page' id='top'>
-    <header class='masthead'>
-      <a class='brand-lockup' href='https://www.oneinai.com/' target='_blank' rel='noopener'>
-        <span class='brand-mark' aria-hidden='true'></span>
-        <span>ONEINAI</span>
-      </a>
-      <span class='masthead-note'>&#x7edf;&#x4e00;&#x6a21;&#x578b;&#x5165;&#x53e3; / &#x9762;&#x5411;&#x751f;&#x4ea7;&#x73af;&#x5883;</span>
-      <nav class='masthead-nav' aria-label='&#x9875;&#x9762;&#x5bfc;&#x822a;'>
-        <a href='#capability'>&#x80fd;&#x529b;</a>
-        <a href='#pricing'>&#x8ba1;&#x4ef7;</a>
-        <a href='#docs'>&#x6587;&#x6863;</a>
-      </nav>
-    </header>
-
     <section class='hero'>
       <div class='hero-copy'>
         <div class='eyebrow'>ONEINAI / API</div>