feat: improve header layout and CI workflow

.github/workflows/pr_check.yml

@@ -8,20 +8,20 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v7
         with:
           fetch-depth: 0
 
       - name: Setup pnpm
-        uses: pnpm/action-setup@v3
+        uses: pnpm/action-setup@v6
         with:
           run_install: true
           version: latest
 
       - name: Setup Nodejs
         uses: actions/setup-node@v4
         with:
-          node-version: 23.1.0
+          node-version: 24
           cache: pnpm
 
       - name: Install Deps

package.json

@@ -28,9 +28,9 @@
   "devDependencies": {
     "@astrojs/check": "^0.9.9",
     "@biomejs/biome": "^2.5.0",
-    "@typescript/native-preview": "7.0.0-dev.20250821.1",
+    "@typescript/native-preview": "7.0.0-dev.20260619.1",
     "husky": "^9.1.7",
-    "lint-staged": "^16.4.0"
+    "lint-staged": "^17.0.7"
   },
   "lint-staged": {
     "*.astro": "astro check",

pnpm-workspace.yaml

@@ -0,0 +1,12 @@
+allowBuilds:
+  esbuild: true
+  sharp: true
+minimumReleaseAgeExclude:
+  - '@typescript/native-preview-darwin-arm64@7.0.0-dev.20260619.1'
+  - '@typescript/native-preview-darwin-x64@7.0.0-dev.20260619.1'
+  - '@typescript/native-preview-linux-arm64@7.0.0-dev.20260619.1'
+  - '@typescript/native-preview-linux-arm@7.0.0-dev.20260619.1'
+  - '@typescript/native-preview-linux-x64@7.0.0-dev.20260619.1'
+  - '@typescript/native-preview-win32-arm64@7.0.0-dev.20260619.1'
+  - '@typescript/native-preview-win32-x64@7.0.0-dev.20260619.1'
+  - '@typescript/native-preview@7.0.0-dev.20260619.1'

src/components/home/FAQ.astro

@@ -6,7 +6,7 @@ interface Props {
 const { isIndex } = Astro.props;
 ---
 
-<section class="py-24 bg-surface-base border-t border-surface-highlight">
+<section id="faq" class="min-h-screen flex flex-col justify-center py-24 pb-32 bg-surface-base border-t border-surface-highlight">
   <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
     <h2 class="text-3xl md:text-4xl font-bold text-center text-text-main mb-12 flex items-center justify-center gap-3">
        {isIndex ? <span class="flex items-center gap-2">常见问题</span> : "常见问题"}

src/components/home/Features.astro

@@ -2,7 +2,34 @@
 import FeatureCard from "./FeatureCard.astro";
 ---
 
-<div id="features" class="py-24 relative overflow-hidden">
+<script>
+  const features = document.getElementById('features');
+  const faq = document.getElementById('faq');
+  let isScrolling = false;
+
+  function handleWheel(e: WheelEvent) {
+    if (!features || !faq) return;
+    const rect = features.getBoundingClientRect();
+    const isAtBottom = rect.bottom <= window.innerHeight + 10;
+
+    if (isAtBottom && e.deltaY > 0 && !isScrolling) {
+      e.preventDefault();
+      isScrolling = true;
+      faq.scrollIntoView({ behavior: 'smooth' });
+      setTimeout(() => {
+        isScrolling = false;
+      }, 1000);
+    }
+  }
+
+  features?.addEventListener('wheel', handleWheel, { passive: false });
+
+  document.addEventListener('astro:before-swap', () => {
+    features?.removeEventListener('wheel', handleWheel);
+  }, { once: true });
+</script>
+
+<div id="features" class="min-h-screen flex flex-col justify-center py-24 relative overflow-hidden">
   <div class="absolute top-0 left-1/2 -translate-x-1/2 w-full max-w-7xl h-96 bg-primary/5 rounded-full blur-3xl -z-10 pointer-events-none"></div>
   <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
     <div class="text-center mb-16">

src/components/home/Header.astro

@@ -126,7 +126,8 @@ import HomeAdGroup from "./HomeAdGroup.astro";
 </script>
 <div class="relative min-h-screen lg:-mt-18 overflow-hidden flex flex-col justify-center">
   <div id="danmaku_container" class="absolute inset-0 w-full h-full pt-12 lg:py-32"></div>
-  <div class="relative m-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col-reverse lg:flex-row items-center bg-surface-base/20 py-5 rounded-md">
+  <div class="absolute inset-0 bg-surface-base/20"></div>
+  <div class="relative m-auto max-w-7xl w-full px-4 sm:px-6 lg:px-8 flex flex-col-reverse lg:flex-row items-center py-5">
     <div class="w-full lg:w-1/2 lg:pr-12 lg:pt-28 text-center lg:text-left z-10">
       <h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight text-text-main mb-6 leading-tight">
         <span class="block text-accent">Animeko</span>

src/components/home/HeaderShowCase.astro

@@ -4,7 +4,7 @@
     <div id="pc" class="hidden lg:block bottom-0 right-0 relative w-200 h-112.5">
       <img
         id="pc_img" alt="showcase" src="/showcase/pc/1.jpg"
-        class="w-[75%] top-[7.2%] left-[12.5%] absolute h-[84%] object-cover transition-opacity duration-300"
+        class="w-[77%] top-[6.45%] left-[11.5%] absolute h-[86%] object-cover transition-opacity duration-300"
       >
     </div>
   </div>