diff --git a/.github/workflows/run.yml b/.github/workflows/run.yml
index 2b554206..c102b775 100644
--- a/.github/workflows/run.yml
+++ b/.github/workflows/run.yml
@@ -1,33 +1,161 @@
-name: Build and deploy Jekyll site to GitHub Pages
+name: Build and Deploy Cypherpunks Taiwan V2.0
 
 on:
   push:
     branches:
       - master
+  pull_request:
+    branches:
+      - master
+
+# Sets permissions of the GITHUB_TOKEN
+permissions:
+  contents: write
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
 
 jobs:
-  build-and-deploy:
-    runs-on: ubuntu-22.04
-    permissions:
-      contents: write
+  build:
+    runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - name: Set up Ruby
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      # Setup Node.js for Tailwind CSS
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install Node dependencies
+        run: npm ci || npm install
+
+      - name: Build Tailwind CSS
+        run: npm run css:build
+
+      # Setup Ruby for Jekyll
+      - name: Setup Ruby
         uses: ruby/setup-ruby@v1
         with:
-          ruby-version: '3.0'
+          ruby-version: '3.2'
           bundler-cache: true
-      - name: Install dependencies
+
+      - name: Install Ruby dependencies
         run: |
-          bundle config unset deployment
-          sudo gem install bundler:2.2.15
-          bundle install
-          bundle add kramdown-parser-gfm
-          bundle install
-      - name: Build site
-        run: bundle exec jekyll build
+          bundle config set --local path 'vendor/bundle'
+          bundle install --jobs 4 --retry 3
+
+      - name: Build Jekyll site
+        run: |
+          # Check if this is a project page (repo name != owner.github.io)
+          REPO_NAME="${GITHUB_REPOSITORY#*/}"
+          OWNER="${GITHUB_REPOSITORY_OWNER}"
+          if [[ "$REPO_NAME" != "${OWNER}.github.io" ]]; then
+            echo "Building for project page: baseurl=/${REPO_NAME}"
+            bundle exec jekyll build --baseurl "/${REPO_NAME}"
+          else
+            echo "Building for user/org page: no baseurl"
+            bundle exec jekyll build
+          fi
+        env:
+          JEKYLL_ENV: production
+
+      - name: Build Pagefind search index
+        run: npx pagefind --site _site --output-path _site/pagefind
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./_site
+
+  deploy:
+    if: github.ref == 'refs/heads/master'
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
       - name: Deploy to GitHub Pages
-        uses: peaceiris/actions-gh-pages@v3
+        id: deployment
+        uses: actions/deploy-pages@v4
+
+  # Quality Checks (run on PRs)
+  quality-check:
+    if: github.event_name == 'pull_request'
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: github-pages
+          path: _site
+
+      - name: Extract artifact
+        run: |
+          cd _site
+          tar -xvf artifact.tar
+          rm artifact.tar
+
+      # Link Checker
+      - name: Check links
+        uses: lycheeverse/lychee-action@v1
         with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./_site
\ No newline at end of file
+          args: --verbose --no-progress --accept 999 './_site/**/*.html'
+          fail: false
+
+      # HTML Validation
+      - name: Setup Node.js for html-validate
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Install html-validate
+        run: npm install -g html-validate
+
+      - name: Validate HTML
+        run: |
+          html-validate --config .htmlvalidate.json "_site/**/*.html" || true
+        continue-on-error: true
+
+      # Accessibility Check
+      - name: Install pa11y
+        run: npm install -g pa11y-ci
+
+      - name: Run accessibility check
+        run: |
+          pa11y-ci --config .pa11yci.json || true
+        continue-on-error: true
+
+  # Image Compression (run on PRs with image changes)
+  compress-images:
+    if: github.event_name == 'pull_request'
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Compress Images
+        id: compress
+        uses: calibreapp/image-actions@main
+        with:
+          githubToken: ${{ secrets.GITHUB_TOKEN }}
+          compressOnly: true
+          ignorePaths: 'node_modules/**,vendor/**,_site/**'
+        continue-on-error: true
+
+      - name: Create image compression summary
+        if: steps.compress.outputs.markdown != ''
+        run: |
+          echo "## Image Compression Results" >> $GITHUB_STEP_SUMMARY
+          echo "${{ steps.compress.outputs.markdown }}" >> $GITHUB_STEP_SUMMARY
diff --git a/.htmlvalidate.json b/.htmlvalidate.json
new file mode 100644
index 00000000..953c93f8
--- /dev/null
+++ b/.htmlvalidate.json
@@ -0,0 +1,22 @@
+{
+  "extends": ["html-validate:recommended"],
+  "rules": {
+    "no-trailing-whitespace": "off",
+    "void-style": "off",
+    "prefer-native-element": "off",
+    "no-inline-style": "off",
+    "require-sri": "off",
+    "script-type": "off",
+    "attribute-allowed-values": "off",
+    "element-permitted-content": "warn",
+    "no-unknown-elements": "warn",
+    "wcag/h30": "warn",
+    "wcag/h32": "warn",
+    "wcag/h36": "warn",
+    "wcag/h37": "warn",
+    "wcag/h67": "warn"
+  },
+  "transform": {
+    "^.*\\.html$": "html-validate:plain"
+  }
+}
diff --git a/.pa11yci.json b/.pa11yci.json
new file mode 100644
index 00000000..e4a81340
--- /dev/null
+++ b/.pa11yci.json
@@ -0,0 +1,18 @@
+{
+  "defaults": {
+    "timeout": 30000,
+    "wait": 500,
+    "standard": "WCAG2AA",
+    "runners": ["axe"],
+    "chromeLaunchConfig": {
+      "args": ["--no-sandbox", "--disable-setuid-sandbox"]
+    }
+  },
+  "urls": [
+    "http://localhost:4000/",
+    "http://localhost:4000/blog/",
+    "http://localhost:4000/tags/",
+    "http://localhost:4000/categories/",
+    "http://localhost:4000/archive/"
+  ]
+}
diff --git a/Gemfile b/Gemfile
index 9313e6ce..a7644a94 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,12 +1,26 @@
 # frozen_string_literal: true
 
 source "https://rubygems.org"
-gemspec
 
+# Jekyll 4.x
+gem "jekyll", "~> 4.3"
+
+# Jekyll plugins
 group :jekyll_plugins do
-    gem "jekyll-feed", "~> 0.6"
-    gem "jekyll-sitemap"
-    gem "jekyll-paginate"
-    gem "jekyll-seo-tag"
+  gem "jekyll-feed", "~> 0.17"
+  gem "jekyll-sitemap", "~> 1.4"
+  gem "jekyll-paginate", "~> 1.1"
+  gem "jekyll-seo-tag", "~> 2.8"
+  gem "kramdown-parser-gfm", "~> 1.1"
+end
+
+# Performance
+gem "webrick", "~> 1.8"  # Required for Ruby 3.0+
+
+# Windows specific
+platforms :mingw, :x64_mingw, :mswin, :jruby do
+  gem "tzinfo", ">= 1", "< 3"
+  gem "tzinfo-data"
 end
 
+gem "wdm", "~> 0.1", :platforms => [:mingw, :x64_mingw, :mswin]
diff --git a/Gemfile.lock b/Gemfile.lock
index 77c71038..6c9d3cf4 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,89 +1,249 @@
-PATH
-  remote: .
-  specs:
-    bulma-clean-theme (0.5.7)
-      jekyll (~> 3.8)
-      jekyll-feed (~> 0.11)
-      jekyll-paginate (~> 1.1)
-      jekyll-seo-tag (~> 2.5)
-      jekyll-sitemap (~> 1.2)
-      kramdown (>= 1.17, < 3.0)
-      rouge (~> 3.3)
-
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.8.1)
-      public_suffix (>= 2.0.2, < 6.0)
+    addressable (2.8.8)
+      public_suffix (>= 2.0.2, < 8.0)
+    base64 (0.3.0)
+    bigdecimal (3.3.1)
     colorator (1.1.0)
-    concurrent-ruby (1.1.8)
-    em-websocket (0.5.2)
+    concurrent-ruby (1.3.5)
+    csv (3.3.5)
+    em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0.6.0)
+      http_parser.rb (~> 0)
     eventmachine (1.2.7)
-    ffi (1.15.0)
+    ffi (1.17.2)
+    ffi (1.17.2-aarch64-linux-gnu)
+    ffi (1.17.2-aarch64-linux-musl)
+    ffi (1.17.2-arm-linux-gnu)
+    ffi (1.17.2-arm-linux-musl)
+    ffi (1.17.2-arm64-darwin)
+    ffi (1.17.2-x86-linux-gnu)
+    ffi (1.17.2-x86-linux-musl)
+    ffi (1.17.2-x86_64-darwin)
+    ffi (1.17.2-x86_64-linux-gnu)
+    ffi (1.17.2-x86_64-linux-musl)
     forwardable-extended (2.6.0)
-    http_parser.rb (0.6.0)
-    i18n (0.9.5)
+    google-protobuf (4.33.2)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.33.2-aarch64-linux-gnu)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.33.2-aarch64-linux-musl)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.33.2-arm64-darwin)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.33.2-x86-linux-gnu)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.33.2-x86-linux-musl)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.33.2-x86_64-darwin)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.33.2-x86_64-linux-gnu)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.33.2-x86_64-linux-musl)
+      bigdecimal
+      rake (>= 13)
+    http_parser.rb (0.8.0)
+    i18n (1.14.7)
       concurrent-ruby (~> 1.0)
-    jekyll (3.9.1)
+    jekyll (4.4.1)
       addressable (~> 2.4)
+      base64 (~> 0.2)
       colorator (~> 1.0)
+      csv (~> 3.0)
       em-websocket (~> 0.5)
-      i18n (~> 0.7)
-      jekyll-sass-converter (~> 1.0)
+      i18n (~> 1.0)
+      jekyll-sass-converter (>= 2.0, < 4.0)
       jekyll-watch (~> 2.0)
-      kramdown (>= 1.17, < 3)
+      json (~> 2.6)
+      kramdown (~> 2.3, >= 2.3.1)
+      kramdown-parser-gfm (~> 1.0)
       liquid (~> 4.0)
-      mercenary (~> 0.3.3)
+      mercenary (~> 0.3, >= 0.3.6)
       pathutil (~> 0.9)
-      rouge (>= 1.7, < 4)
+      rouge (>= 3.0, < 5.0)
       safe_yaml (~> 1.0)
-    jekyll-feed (0.15.1)
+      terminal-table (>= 1.8, < 4.0)
+      webrick (~> 1.7)
+    jekyll-feed (0.17.0)
       jekyll (>= 3.7, < 5.0)
     jekyll-paginate (1.1.0)
-    jekyll-sass-converter (1.5.2)
-      sass (~> 3.4)
-    jekyll-seo-tag (2.7.1)
+    jekyll-sass-converter (3.1.0)
+      sass-embedded (~> 1.75)
+    jekyll-seo-tag (2.8.0)
       jekyll (>= 3.8, < 5.0)
     jekyll-sitemap (1.4.0)
       jekyll (>= 3.7, < 5.0)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
-    kramdown (2.4.0)
-      rexml
-    liquid (4.0.3)
-    listen (3.5.1)
+    json (2.18.0)
+    kramdown (2.5.1)
+      rexml (>= 3.3.9)
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.4)
+    listen (3.9.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
-    mercenary (0.3.6)
+    mercenary (0.4.0)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (5.0.0)
-    rake (12.3.3)
-    rb-fsevent (0.10.4)
-    rb-inotify (0.10.1)
+    public_suffix (7.0.0)
+    rake (13.3.1)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.11.1)
       ffi (~> 1.0)
-    rexml (3.2.5)
-    rouge (3.26.0)
+    rexml (3.4.4)
+    rouge (4.6.1)
     safe_yaml (1.0.5)
-    sass (3.7.4)
-      sass-listen (~> 4.0.0)
-    sass-listen (4.0.0)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
+    sass-embedded (1.96.0)
+      google-protobuf (~> 4.31)
+      rake (>= 13)
+    sass-embedded (1.96.0-aarch64-linux-android)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.96.0-aarch64-linux-gnu)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.96.0-aarch64-linux-musl)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.96.0-arm-linux-androideabi)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.96.0-arm-linux-gnueabihf)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.96.0-arm-linux-musleabihf)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.96.0-arm64-darwin)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.96.0-riscv64-linux-android)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.96.0-riscv64-linux-gnu)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.96.0-riscv64-linux-musl)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.96.0-x86_64-darwin)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.96.0-x86_64-linux-android)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.96.0-x86_64-linux-gnu)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.96.0-x86_64-linux-musl)
+      google-protobuf (~> 4.31)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    unicode-display_width (2.6.0)
+    webrick (1.9.2)
 
 PLATFORMS
+  aarch64-linux-android
+  aarch64-linux-gnu
+  aarch64-linux-musl
+  arm-linux-androideabi
+  arm-linux-gnu
+  arm-linux-gnueabihf
+  arm-linux-musl
+  arm-linux-musleabihf
+  arm64-darwin
+  riscv64-linux-android
+  riscv64-linux-gnu
+  riscv64-linux-musl
   ruby
+  x86-linux-gnu
+  x86-linux-musl
+  x86_64-darwin
+  x86_64-linux-android
+  x86_64-linux-gnu
+  x86_64-linux-musl
 
 DEPENDENCIES
-  bulma-clean-theme!
-  bundler (~> 2.0)
-  jekyll-feed (~> 0.6)
-  jekyll-paginate
-  jekyll-seo-tag
-  jekyll-sitemap
-  rake (~> 12.0)
+  jekyll (~> 4.3)
+  jekyll-feed (~> 0.17)
+  jekyll-paginate (~> 1.1)
+  jekyll-seo-tag (~> 2.8)
+  jekyll-sitemap (~> 1.4)
+  kramdown-parser-gfm (~> 1.1)
+  tzinfo (>= 1, < 3)
+  tzinfo-data
+  wdm (~> 0.1)
+  webrick (~> 1.8)
+
+CHECKSUMS
+  addressable (2.8.8) sha256=7c13b8f9536cf6364c03b9d417c19986019e28f7c00ac8132da4eb0fe393b057
+  base64 (0.3.0) sha256=27337aeabad6ffae05c265c450490628ef3ebd4b67be58257393227588f5a97b
+  bigdecimal (3.3.1) sha256=eaa01e228be54c4f9f53bf3cc34fe3d5e845c31963e7fcc5bedb05a4e7d52218
+  colorator (1.1.0) sha256=e2f85daf57af47d740db2a32191d1bdfb0f6503a0dfbc8327d0c9154d5ddfc38
+  concurrent-ruby (1.3.5) sha256=813b3e37aca6df2a21a3b9f1d497f8cbab24a2b94cab325bffe65ee0f6cbebc6
+  csv (3.3.5) sha256=6e5134ac3383ef728b7f02725d9872934f523cb40b961479f69cf3afa6c8e73f
+  em-websocket (0.5.3) sha256=f56a92bde4e6cb879256d58ee31f124181f68f8887bd14d53d5d9a292758c6a8
+  eventmachine (1.2.7) sha256=994016e42aa041477ba9cff45cbe50de2047f25dd418eba003e84f0d16560972
+  ffi (1.17.2) sha256=297235842e5947cc3036ebe64077584bff583cd7a4e94e9a02fdec399ef46da6
+  ffi (1.17.2-aarch64-linux-gnu) sha256=c910bd3cae70b76690418cce4572b7f6c208d271f323d692a067d59116211a1a
+  ffi (1.17.2-aarch64-linux-musl) sha256=69e6556b091d45df83e6c3b19d3c54177c206910965155a6ec98de5e893c7b7c
+  ffi (1.17.2-arm-linux-gnu) sha256=d4a438f2b40224ae42ec72f293b3ebe0ba2159f7d1bd47f8417e6af2f68dbaa5
+  ffi (1.17.2-arm-linux-musl) sha256=977dfb7f3a6381206dbda9bc441d9e1f9366bf189a634559c3b7c182c497aaa3
+  ffi (1.17.2-arm64-darwin) sha256=54dd9789be1d30157782b8de42d8f887a3c3c345293b57ffb6b45b4d1165f813
+  ffi (1.17.2-x86-linux-gnu) sha256=95d8f9ebea23c39888e2ab85a02c98f54acb2f4e79b829250d7267ce741dc7b0
+  ffi (1.17.2-x86-linux-musl) sha256=41741449bab2b9530f42a47baa5c26263925306fad0ac2d60887f51af2e3b24c
+  ffi (1.17.2-x86_64-darwin) sha256=981f2d4e32ea03712beb26e55e972797c2c5a7b0257955d8667ba58f2da6440e
+  ffi (1.17.2-x86_64-linux-gnu) sha256=05d2026fc9dbb7cfd21a5934559f16293815b7ce0314846fee2ac8efbdb823ea
+  ffi (1.17.2-x86_64-linux-musl) sha256=97c0eb3981414309285a64dc4d466bd149e981c279a56371ef811395d68cb95c
+  forwardable-extended (2.6.0) sha256=1bec948c469bbddfadeb3bd90eb8c85f6e627a412a3e852acfd7eaedbac3ec97
+  google-protobuf (4.33.2) sha256=748150d6c642fd655ef39efa23ecf2abe6d616020039a6d1c1764be1da530315
+  google-protobuf (4.33.2-aarch64-linux-gnu) sha256=822b2dcb707e94e652cd994642c31035935fca021adfac6164772c511eb7acd4
+  google-protobuf (4.33.2-aarch64-linux-musl) sha256=c4b64428183cfd1953ec8c37beec1036668c8ec0865cfb0b18df21181ca397ee
+  google-protobuf (4.33.2-arm64-darwin) sha256=6d0ac185fed18768e5f16338455b1e4b7c38a97fc46f352e709f7a3007b64e1d
+  google-protobuf (4.33.2-x86-linux-gnu) sha256=82612c425d7a0b0f8f299d8e595a367984fcd22a155b8ac5861eea0e76ca1a93
+  google-protobuf (4.33.2-x86-linux-musl) sha256=cc7e322228967c230f3b9c47a76de4e59fb47001900f4cbdf9056d1de92199ab
+  google-protobuf (4.33.2-x86_64-darwin) sha256=87cde586234674562cf099e2b708a65e376e2d39b0f0f48281f4b4ea182b47f8
+  google-protobuf (4.33.2-x86_64-linux-gnu) sha256=73cba041477afcac92ff383fcbdec195ea28d96b994876d1deaa944d18f91786
+  google-protobuf (4.33.2-x86_64-linux-musl) sha256=97cdf4f772c5540f9274603b00f1474ed5e6e2238b1d8b1585e77f941a36bd2c
+  http_parser.rb (0.8.0) sha256=5a0932f1fa82ce08a8516a2685d5a86031c000560f89946913c555a0697544be
+  i18n (1.14.7) sha256=ceba573f8138ff2c0915427f1fc5bdf4aa3ab8ae88c8ce255eb3ecf0a11a5d0f
+  jekyll (4.4.1) sha256=4c1144d857a5b2b80d45b8cf5138289579a9f8136aadfa6dd684b31fe2bc18c1
+  jekyll-feed (0.17.0) sha256=689aab16c877949bb9e7a5c436de6278318a51ecb974792232fd94d8b3acfcc3
+  jekyll-paginate (1.1.0) sha256=880aadf4b02529a93541d508c5cbb744f014cbfc071d0263a31f25ec9066eb64
+  jekyll-sass-converter (3.1.0) sha256=83925d84f1d134410c11d0c6643b0093e82e3a3cf127e90757a85294a3862443
+  jekyll-seo-tag (2.8.0) sha256=3f2ed1916d56f14ebfa38e24acde9b7c946df70cb183af2cb5f0598f21ae6818
+  jekyll-sitemap (1.4.0) sha256=0de08c5debc185ea5a8f980e1025c7cd3f8e0c35c8b6ef592f15c46235cf4218
+  jekyll-watch (2.2.1) sha256=bc44ed43f5e0a552836245a54dbff3ea7421ecc2856707e8a1ee203a8387a7e1
+  json (2.18.0) sha256=b10506aee4183f5cf49e0efc48073d7b75843ce3782c68dbeb763351c08fd505
+  kramdown (2.5.1) sha256=87bbb6abd9d3cebe4fc1f33e367c392b4500e6f8fa19dd61c0972cf4afe7368c
+  kramdown-parser-gfm (1.1.0) sha256=fb39745516427d2988543bf01fc4cf0ab1149476382393e0e9c48592f6581729
+  liquid (4.0.4) sha256=4fcfebb1a045e47918388dbb7a0925e7c3893e58d2bd6c3b3c73ec17a2d8fdb3
+  listen (3.9.0) sha256=db9e4424e0e5834480385197c139cb6b0ae0ef28cc13310cfd1ca78377d59c67
+  mercenary (0.4.0) sha256=b25a1e4a59adca88665e08e24acf0af30da5b5d859f7d8f38fba52c28f405138
+  pathutil (0.16.2) sha256=e43b74365631cab4f6d5e4228f812927efc9cb2c71e62976edcb252ee948d589
+  public_suffix (7.0.0) sha256=f7090b5beb0e56f9f10d79eed4d5fbe551b3b425da65877e075dad47a6a1b095
+  rake (13.3.1) sha256=8c9e89d09f66a26a01264e7e3480ec0607f0c497a861ef16063604b1b08eb19c
+  rb-fsevent (0.11.2) sha256=43900b972e7301d6570f64b850a5aa67833ee7d87b458ee92805d56b7318aefe
+  rb-inotify (0.11.1) sha256=a0a700441239b0ff18eb65e3866236cd78613d6b9f78fea1f9ac47a85e47be6e
+  rexml (3.4.4) sha256=19e0a2c3425dfbf2d4fc1189747bdb2f849b6c5e74180401b15734bc97b5d142
+  rouge (4.6.1) sha256=5075346d5797d6864be93f7adc75a16047a7dbfa572c63c502419ffa582c77de
+  safe_yaml (1.0.5) sha256=a6ac2d64b7eb027bdeeca1851fe7e7af0d668e133e8a88066a0c6f7087d9f848
+  sass-embedded (1.96.0) sha256=a124de2a3451827dcf936bd54918265e414da623f1671c14f268d7cbdab56504
+  sass-embedded (1.96.0-aarch64-linux-android) sha256=1c15e27ee6170ea54daa079de961869bf2f4d68a3796bf9a1661629323a0b026
+  sass-embedded (1.96.0-aarch64-linux-gnu) sha256=b3cc3f96b2d2989c38f8c6dfdb438c8aa1a3a319f3e92ce2b013c03fa104e50c
+  sass-embedded (1.96.0-aarch64-linux-musl) sha256=e3d1a743b83b75a04d5c62e5d1ff53a7da4db5beb847900c046e47246e7a8714
+  sass-embedded (1.96.0-arm-linux-androideabi) sha256=3cfba81f918956b88120fdd121c333833b3dcb5d0713e237d6e87fdfeb27ee77
+  sass-embedded (1.96.0-arm-linux-gnueabihf) sha256=834704287fd696745c8bd2e87f49c917584abb1465bfc2ece3eb75b6b197336f
+  sass-embedded (1.96.0-arm-linux-musleabihf) sha256=6e1065e177982cae929797930b64e290f1bb9ee70a38cd3d7a9a747858f5ff4d
+  sass-embedded (1.96.0-arm64-darwin) sha256=c267a0c41d0e0ae2fcdf3b4afad5498599f5401c7d0d4a04a0b3379cde5eff20
+  sass-embedded (1.96.0-riscv64-linux-android) sha256=6f634ce97fcfba4a8af86cca0872043d68001682dc55e3e173af470f00543153
+  sass-embedded (1.96.0-riscv64-linux-gnu) sha256=8eec6915c1433ddbd99e978b35b0710030ae25c37b45dec1bc1ca67408abd1b9
+  sass-embedded (1.96.0-riscv64-linux-musl) sha256=74f407df2d3ff0bfb03d1b6bcbb7bf9387f8cf18b93170f8c0017dd0057cc91a
+  sass-embedded (1.96.0-x86_64-darwin) sha256=eaa06f87663641bc9848e949abfa33ade83373417339c772f34b32f1533903fb
+  sass-embedded (1.96.0-x86_64-linux-android) sha256=e99d58e8df3bac29026b16606d7de46910e4228098f81da0313b98575506c363
+  sass-embedded (1.96.0-x86_64-linux-gnu) sha256=e505697c06504ed687786f97024b94131c9a76bd92a61c8f10352a62c785c1b4
+  sass-embedded (1.96.0-x86_64-linux-musl) sha256=881620de159faf68f46db7a289193c61e35443163fdac7f789023e26e7bd6570
+  terminal-table (3.0.2) sha256=f951b6af5f3e00203fb290a669e0a85c5dd5b051b3b023392ccfd67ba5abae91
+  unicode-display_width (2.6.0) sha256=12279874bba6d5e4d2728cef814b19197dbb10d7a7837a869bab65da943b7f5a
+  webrick (1.9.2) sha256=beb4a15fc474defed24a3bda4ffd88a490d517c9e4e6118c3edce59e45864131
 
 BUNDLED WITH
-   2.2.15
+  4.0.1
diff --git a/_config.test.yml b/_config.test.yml
new file mode 100644
index 00000000..4fbbf63a
--- /dev/null
+++ b/_config.test.yml
@@ -0,0 +1,8 @@
+# =============================================
+# Test Environment Configuration Override
+# For deployment to: awesome-doge.github.io/cypherpunks-core.github.io
+# =============================================
+
+# Override baseurl for project page deployment
+baseurl: "/cypherpunks-core.github.io"
+url: "https://awesome-doge.github.io"
diff --git a/_data/navigation.yml b/_data/navigation.yml
index 4e430170..98705308 100644
--- a/_data/navigation.yml
+++ b/_data/navigation.yml
@@ -1,31 +1,57 @@
-- name: '資源'
-  link: /#
+# V2.2 導航優化版 - 精簡分組設計
+# 使用 section 屬性實現視覺分組
+
+- name: 'Blog'
+  link: /blog/
+
+- name: '資源中心'
+  link: /resources/
   dropdown:
-    - name: 比特幣 | Bitcoin
+    - name: '核心技術'
+      section: true
+    - name: Bitcoin 比特幣
       link: /markdown/resources/resources-bitcoin/
-    - name: 閃電網路 | Lightning network
+    - name: Lightning Network
       link: /markdown/resources/resources-ln/
-    - name: 區塊隱私 | Blockchain privacy
-      link: /markdown/resources/resources-blockchain-privacy/
-    - name: Schnorr 簽名 | Schnorr Signature
+    - name: Taproot & Schnorr
       link: /markdown/resources/resources-schnorr-signature/
-    - name: 以太坊 | Ethereum
-      link: /markdown/resources/resources-ethereum/
-    
+    - name: '進階主題'
+      section: true
+    - name: Layer 2 技術
+      link: /markdown/resources/resources-bitcoin-layer2/
+    - name: 隱私技術
+      link: /markdown/resources/resources-blockchain-privacy/
+    - name: Nostr 協議
+      link: /markdown/resources/resources-nostr/
+    - name: '開發者'
+      section: true
+    - name: 開發者工具箱
+      link: /markdown/resources/resources-developer-tools/
+    - name: 自託管指南
+      link: /markdown/resources/resources-self-custody/
+
+- name: '書籍'
+  link: /markdown/products/
+
 - name: '知識庫'
-  link: /#
+  link: /markdown/knowledge/glossary/
   dropdown:
-    - name: 比特幣 | Bitcoin
+    - name: 術語詞彙表
+      link: /markdown/knowledge/glossary/
+    - name: Cypherpunk 歷史
+      link: /markdown/resources/resources-cypherpunk-history/
+    - name: Bitcoin 百科
       link: /markdown/knowledge/knowledge-bitcoin/
-    - name: 以太坊 | Ethereum
+    - name: Ethereum 百科
       link: /markdown/knowledge/knowledge-ethereum/
-- name: '書籍 & 論文'
-  link: /markdown/products/
-- name: 衛星計畫
-  link: /markdown/SatelliteProject/
-- name: Blog
-  link: /blog/
-- name: '關於'
+
+- name: '社群'
   link: /markdown/about/
-- name: '分類'
-  link: /classification
\ No newline at end of file
+  dropdown:
+    - name: 關於我們
+      link: /markdown/about/
+    - name: 衛星計畫
+      link: /markdown/SatelliteProject/
+    - name: GitHub
+      link: https://github.com/cypherpunks-core
+      external: true
diff --git a/_includes/admonition.html b/_includes/admonition.html
new file mode 100644
index 00000000..870739c1
--- /dev/null
+++ b/_includes/admonition.html
@@ -0,0 +1,66 @@
+{% comment %}
+Admonition Component - 警告區塊組件
+
+Usage:
+{% include admonition.html type="note" title="注意" content="這是一個注意事項。" %}
+{% include admonition.html type="tip" title="提示" content="這是一個有用的提示。" %}
+{% include admonition.html type="warning" title="警告" content="請注意這個警告。" %}
+{% include admonition.html type="danger" title="危險" content="這是危險操作！" %}
+{% include admonition.html type="info" title="資訊" content="這是一些資訊。" %}
+
+Parameters:
+- type: note | tip | warning | danger | info (default: note)
+- title: The title text (optional, will use default if not provided)
+- content: The content text (required)
+{% endcomment %}
+
+{% assign admon_type = include.type | default: "note" %}
+{% assign admon_title = include.title %}
+
+{% if admon_title == nil %}
+  {% case admon_type %}
+    {% when "note" %}
+      {% assign admon_title = "注意" %}
+    {% when "tip" %}
+      {% assign admon_title = "提示" %}
+    {% when "warning" %}
+      {% assign admon_title = "警告" %}
+    {% when "danger" %}
+      {% assign admon_title = "危險" %}
+    {% when "info" %}
+      {% assign admon_title = "資訊" %}
+    {% else %}
+      {% assign admon_title = "注意" %}
+  {% endcase %}
+{% endif %}
+
+<div class="admonition {{ admon_type }}">
+  <div class="admonition-title">
+    {% case admon_type %}
+      {% when "note" %}
+        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
+        </svg>
+      {% when "tip" %}
+        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>
+        </svg>
+      {% when "warning" %}
+        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
+        </svg>
+      {% when "danger" %}
+        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
+        </svg>
+      {% when "info" %}
+        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
+        </svg>
+    {% endcase %}
+    <span>{{ admon_title }}</span>
+  </div>
+  <div class="admonition-content">
+    {{ include.content | markdownify }}
+  </div>
+</div>
diff --git a/_includes/comments.html b/_includes/comments.html
new file mode 100644
index 00000000..26d131ec
--- /dev/null
+++ b/_includes/comments.html
@@ -0,0 +1,52 @@
+<!-- Comments Section - Giscus -->
+{% if site.comments.provider == 'giscus' %}
+<div id="giscus-comments" class="giscus-container">
+  <script
+    src="https://giscus.app/client.js"
+    data-repo="{{ site.comments.giscus.repo }}"
+    data-repo-id="{{ site.comments.giscus.repo_id }}"
+    data-category="{{ site.comments.giscus.category }}"
+    data-category-id="{{ site.comments.giscus.category_id }}"
+    data-mapping="{{ site.comments.giscus.mapping | default: 'pathname' }}"
+    data-strict="0"
+    data-reactions-enabled="{{ site.comments.giscus.reactions_enabled | default: true }}"
+    data-emit-metadata="{{ site.comments.giscus.emit_metadata | default: false }}"
+    data-input-position="top"
+    data-theme="dark"
+    data-lang="zh-TW"
+    data-loading="lazy"
+    crossorigin="anonymous"
+    async>
+  </script>
+</div>
+
+<noscript>
+  <div class="p-4 bg-cp-dark-200 border border-cp-dark-400 rounded-lg text-center">
+    <p class="text-cp-dark-600 font-mono text-sm">
+      請啟用 JavaScript 來查看留言
+    </p>
+  </div>
+</noscript>
+
+<style>
+  /* Giscus 樣式覆蓋 */
+  .giscus-container {
+    margin-top: 1rem;
+  }
+
+  .giscus-frame {
+    border: 1px solid #30363d !important;
+    border-radius: 0.5rem !important;
+  }
+</style>
+{% else %}
+<!-- Placeholder when comments are not configured -->
+<div class="p-4 bg-cp-dark-200 border border-cp-dark-400 rounded-lg text-center">
+  <p class="text-cp-dark-600 font-mono text-sm">
+    留言系統尚未設置
+  </p>
+  <p class="text-cp-dark-500 font-mono text-xs mt-2">
+    請在 _config.yml 中配置 Giscus
+  </p>
+</div>
+{% endif %}
diff --git a/_includes/footer.html b/_includes/footer.html
index 83476c01..d44c03c1 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,20 +1,177 @@
-<footer class="footer">
-    <div class="container">
-        
-        {% if site.footer_menu %}
-        <div class="columns is-multiline">
-            {% for item in site.data[site.footer_menu] %}
-            <div class="column has-text-centered">
-                <div>
-                    <a href="{{ item.link | prepend: site.baseurl }}" class="link">{{ item.name }}</a>
-                </div>
-            </div>
-            {% endfor %}
-        </div>
-        {% endif %}
+<!-- Footer -->
+<footer class="footer bg-cp-dark-100 border-t border-cp-dark-400 mt-auto" role="contentinfo" aria-label="網站頁尾">
+  <div class="container mx-auto px-4 py-12 max-w-7xl">
+
+    <!-- Main Footer Content -->
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-8 mb-8">
 
-        <div class="content is-small has-text-centered">
-            <p class=""> Powered by  <a href="https://cypherpunks-core.github.io"> Cypherpunks Core </a></p>
+      <!-- About -->
+      <div class="lg:col-span-2">
+        <div class="flex items-center gap-2 mb-4">
+          <span class="font-mono text-lg font-bold text-cp-green-500">
+            <span class="text-cp-green-500">[</span>CP<span class="text-cp-green-500">]</span>
+          </span>
+          <span class="font-mono text-sm text-cp-dark-700">Cypherpunks Taiwan</span>
         </div>
+        <p class="text-cp-dark-600 text-sm font-mono mb-4 max-w-md">
+          {{ site.description }}
+        </p>
+        <!-- ASCII Art -->
+        <pre class="text-cp-green-600/40 text-[0.5rem] leading-tight font-mono hidden md:block">
+ "Privacy is necessary for an open society
+  in the electronic age." - Eric Hughes
+        </pre>
+      </div>
+
+      <!-- Quick Links -->
+      <div>
+        <h4 class="text-cp-green-500 font-mono font-bold mb-4 text-sm uppercase tracking-wider">
+          <span class="text-cp-dark-600">//</span> 快速連結
+        </h4>
+        <ul class="space-y-2">
+          <li>
+            <a href="{{ '/blog/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              > Blog
+            </a>
+          </li>
+          <li>
+            <a href="{{ '/markdown/about/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              > 關於我們
+            </a>
+          </li>
+          <li>
+            <a href="{{ '/markdown/products/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              > 書籍 & 論文
+            </a>
+          </li>
+          <li>
+            <a href="{{ '/feed.xml' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              > RSS Feed
+            </a>
+          </li>
+        </ul>
+      </div>
+
+      <!-- Resources -->
+      <div>
+        <h4 class="text-cp-green-500 font-mono font-bold mb-4 text-sm uppercase tracking-wider">
+          <span class="text-cp-dark-600">//</span> 資源
+        </h4>
+        <ul class="space-y-2">
+          <li>
+            <a href="{{ '/resources/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              > 資源中心
+            </a>
+          </li>
+          <li>
+            <a href="{{ '/markdown/resources/resources-bitcoin/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              > Bitcoin
+            </a>
+          </li>
+          <li>
+            <a href="{{ '/markdown/resources/resources-ln/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              > Lightning
+            </a>
+          </li>
+          <li>
+            <a href="{{ '/markdown/knowledge/glossary/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              > 詞彙表
+            </a>
+          </li>
+        </ul>
+      </div>
+
+      <!-- Explore -->
+      <div>
+        <h4 class="text-cp-green-500 font-mono font-bold mb-4 text-sm uppercase tracking-wider">
+          <span class="text-cp-dark-600">//</span> 探索
+        </h4>
+        <ul class="space-y-2">
+          <li>
+            <a href="{{ '/tags/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              > 標籤
+            </a>
+          </li>
+          <li>
+            <a href="{{ '/categories/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              > 分類
+            </a>
+          </li>
+          <li>
+            <a href="{{ '/archive/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              > 歸檔
+            </a>
+          </li>
+        </ul>
+      </div>
+
+      <!-- Social & Contact -->
+      <div>
+        <h4 class="text-cp-green-500 font-mono font-bold mb-4 text-sm uppercase tracking-wider">
+          <span class="text-cp-dark-600">//</span> 聯繫
+        </h4>
+        <ul class="space-y-2">
+          {% if site.social.github %}
+          <li>
+            <a href="https://github.com/{{ site.social.github }}" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.17 6.839 9.49.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.604-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.464-1.11-1.464-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0112 6.836c.85.004 1.705.114 2.504.336 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.167 22 16.418 22 12c0-5.523-4.477-10-10-10z"/>
+              </svg>
+              GitHub
+            </a>
+          </li>
+          {% endif %}
+          {% if site.social.twitter %}
+          <li>
+            <a href="https://twitter.com/{{ site.social.twitter }}" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+                <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
+              </svg>
+              Twitter
+            </a>
+          </li>
+          {% endif %}
+          {% if site.email %}
+          <li>
+            <a href="mailto:{{ site.email }}" class="inline-flex items-center gap-2 text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
+              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
+              </svg>
+              Email
+            </a>
+          </li>
+          {% endif %}
+        </ul>
+      </div>
+
     </div>
+
+    <!-- Divider -->
+    <div class="border-t border-cp-dark-400 my-8"></div>
+
+    <!-- Bottom Footer -->
+    <div class="flex flex-col md:flex-row items-center justify-between gap-4">
+      <!-- Copyright -->
+      <div class="text-cp-dark-600 text-xs font-mono">
+        <span class="text-cp-green-600">&copy;</span> {{ 'now' | date: "%Y" }} {{ site.title }}.
+        <span class="text-cp-dark-500">Cypherpunks write code.</span>
+      </div>
+
+      <!-- Tech Stack -->
+      <div class="flex items-center gap-4 text-cp-dark-600 text-xs font-mono">
+        <span>Built with</span>
+        <a href="https://jekyllrb.com" target="_blank" rel="noopener noreferrer" class="hover:text-cp-green-500 transition-colors">Jekyll</a>
+        <span>&</span>
+        <a href="https://tailwindcss.com" target="_blank" rel="noopener noreferrer" class="hover:text-cp-green-500 transition-colors">Tailwind CSS</a>
+      </div>
+
+      <!-- Back to Top -->
+      <button id="back-to-top" class="p-2 bg-cp-dark-200 text-cp-dark-600 hover:text-cp-green-500 hover:bg-cp-dark-300 rounded transition-all opacity-0 invisible" aria-label="回到頂部">
+        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"/>
+        </svg>
+      </button>
+    </div>
+
+  </div>
 </footer>
diff --git a/_includes/head.html b/_includes/head.html
index a2ee06d1..ac8b2433 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -1,13 +1,228 @@
 <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>{{ page.title }} - {{ site.title }}</title>
-    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/app.css">
-    <link rel="shortcut icon" type="image/png" href="{{ site.baseurl }}/favicon.png" />
-    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
-    {% seo %}
-    {%- if site.google_analytics -%}
-      {%- include google-analytics.html -%}
-    {%- endif -%}
-    {%- include head-scripts.html -%}
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+  <!-- Title -->
+  <title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title>
+
+  <!-- Preconnect for Performance -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+
+  <!-- Fonts -->
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap" rel="stylesheet">
+
+  <!-- Main CSS -->
+  <link rel="stylesheet" href="{{ '/assets/css/app.css' | relative_url }}">
+
+  <!-- Favicon -->
+  <link rel="shortcut icon" type="image/png" href="{{ '/favicon.png' | relative_url }}">
+  <link rel="apple-touch-icon" href="{{ '/favicon.png' | relative_url }}">
+
+  <!-- Theme Color -->
+  <meta name="theme-color" content="#0a0a0a">
+  <meta name="msapplication-TileColor" content="#0a0a0a">
+
+  <!-- SEO -->
+  {% seo %}
+
+  <!-- Open Graph Enhanced -->
+  <meta property="og:locale" content="zh_TW">
+  {% if page.image %}
+  <meta property="og:image" content="{{ page.image | absolute_url }}">
+  {% elsif site.og_image %}
+  <meta property="og:image" content="{{ site.og_image | absolute_url }}">
+  {% endif %}
+
+  <!-- Twitter Card -->
+  <meta name="twitter:card" content="summary_large_image">
+  {% if site.twitter.username %}
+  <meta name="twitter:site" content="@{{ site.twitter.username }}">
+  <meta name="twitter:creator" content="@{{ site.twitter.username }}">
+  {% endif %}
+
+  <!-- JSON-LD Structured Data - WebSite -->
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "WebSite",
+    "name": "{{ site.title }}",
+    "url": "{{ site.url }}",
+    "description": "{{ site.description | escape }}",
+    "potentialAction": {
+      "@type": "SearchAction",
+      "target": "{{ site.url }}/search?q={search_term_string}",
+      "query-input": "required name=search_term_string"
+    }
+  }
+  </script>
+
+  <!-- JSON-LD Structured Data - Organization -->
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "Organization",
+    "name": "{{ site.title }}",
+    "url": "{{ site.url }}",
+    "logo": "{{ '/favicon.png' | absolute_url }}",
+    "sameAs": [
+      "https://twitter.com/{{ site.twitter.username }}",
+      "https://github.com/{{ site.social.github }}"
+    ]
+  }
+  </script>
+
+  <!-- JSON-LD Structured Data - Page/Article -->
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "{% if page.layout == 'post' %}Article{% else %}WebPage{% endif %}",
+    "headline": "{{ page.title | default: site.title | escape }}",
+    "description": "{{ page.description | default: page.excerpt | default: site.description | strip_html | truncate: 200 | escape }}",
+    {% if page.date %}
+    "datePublished": "{{ page.date | date_to_xmlschema }}",
+    "dateModified": "{{ page.last_modified_at | default: page.date | date_to_xmlschema }}",
+    {% endif %}
+    "author": {
+      "@type": "Organization",
+      "name": "{{ site.author.name | default: site.title }}"
+    },
+    "publisher": {
+      "@type": "Organization",
+      "name": "{{ site.title }}",
+      "logo": {
+        "@type": "ImageObject",
+        "url": "{{ '/favicon.png' | absolute_url }}"
+      }
+    },
+    "mainEntityOfPage": {
+      "@type": "WebPage",
+      "@id": "{{ page.url | absolute_url }}"
+    }
+    {% if page.image %},
+    "image": "{{ page.image | absolute_url }}"
+    {% endif %}
+    {% if page.tags %},
+    "keywords": "{{ page.tags | join: ', ' }}"
+    {% endif %}
+  }
+  </script>
+
+  <!-- JSON-LD Structured Data - BreadcrumbList -->
+  {% if page.url != "/" %}
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    "itemListElement": [
+      {
+        "@type": "ListItem",
+        "position": 1,
+        "name": "首頁",
+        "item": "{{ site.url }}"
+      }
+      {% assign path_parts = page.url | split: "/" %}
+      {% assign current_path = "" %}
+      {% for part in path_parts %}
+        {% if part != "" %}
+          {% assign current_path = current_path | append: "/" | append: part %}
+          ,{
+            "@type": "ListItem",
+            "position": {{ forloop.index | plus: 1 }},
+            "name": "{% if forloop.last %}{{ page.title | default: part }}{% else %}{{ part | capitalize }}{% endif %}",
+            "item": "{{ site.url }}{{ current_path }}"
+          }
+        {% endif %}
+      {% endfor %}
+    ]
+  }
+  </script>
+  {% endif %}
+
+  <!-- KaTeX for Math Rendering -->
+  {% if page.math or page.katex %}
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css" crossorigin="anonymous">
+  <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js" crossorigin="anonymous"></script>
+  <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js" crossorigin="anonymous"
+    onload="renderMathInElement(document.body, {
+      delimiters: [
+        {left: '$$', right: '$$', display: true},
+        {left: '$', right: '$', display: false},
+        {left: '\\[', right: '\\]', display: true},
+        {left: '\\(', right: '\\)', display: false}
+      ],
+      throwOnError: false
+    });"></script>
+  {% endif %}
+
+  <!-- Mermaid for Diagrams -->
+  {% if page.mermaid %}
+  <script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      mermaid.initialize({
+        startOnLoad: true,
+        theme: 'dark',
+        themeVariables: {
+          primaryColor: '#166534',
+          primaryTextColor: '#c9d1d9',
+          primaryBorderColor: '#30363d',
+          lineColor: '#4ade80',
+          secondaryColor: '#1a1a1a',
+          tertiaryColor: '#0d1117',
+          background: '#0a0a0a',
+          mainBkg: '#0d1117',
+          secondBkg: '#161b22',
+          nodeBorder: '#4ade80',
+          clusterBkg: '#161b22',
+          clusterBorder: '#30363d',
+          titleColor: '#4ade80',
+          edgeLabelBackground: '#0d1117',
+          nodeTextColor: '#c9d1d9'
+        },
+        flowchart: {
+          curve: 'basis',
+          htmlLabels: true
+        }
+      });
+    });
+  </script>
+  {% endif %}
+
+  <!-- RSS Feed -->
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ '/feed.xml' | relative_url }}">
+
+  <!-- Canonical URL -->
+  <link rel="canonical" href="{{ page.url | absolute_url }}">
+
+  <!-- Google Analytics -->
+  {% if site.google_analytics and jekyll.environment == 'production' %}
+  {% include google-analytics.html %}
+  {% endif %}
+
+  <!-- Dark Mode Script (防止閃爍) -->
+  <script>
+    // 立即設置主題，防止閃爍
+    (function() {
+      const savedTheme = localStorage.getItem('theme');
+      const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+      const defaultTheme = '{{ site.theme_settings.default_theme | default: "dark" }}';
+
+      let theme;
+      if (savedTheme) {
+        theme = savedTheme;
+      } else if (defaultTheme === 'auto') {
+        theme = prefersDark ? 'dark' : 'light';
+      } else {
+        theme = defaultTheme;
+      }
+
+      document.documentElement.classList.toggle('dark', theme === 'dark');
+      document.documentElement.classList.toggle('light', theme === 'light');
+    })();
+  </script>
+
+  <!-- Custom Head Scripts -->
+  {% include head-scripts.html %}
 </head>
diff --git a/_includes/header.html b/_includes/header.html
index bbaa1263..5b7ea00f 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,36 +1,153 @@
+<!-- Navigation Header -->
+<nav class="navbar fixed top-0 left-0 right-0 z-40 bg-cp-dark/95 backdrop-blur-md border-b border-cp-dark-400" role="navigation" aria-label="主要導航">
+  <div class="container mx-auto px-4 max-w-7xl">
+    <div class="flex items-center justify-between h-16">
 
-<nav class="navbar is-primary" >
-    <div class="container">
-        <div class="navbar-brand">
-            <a href="{{ site.baseurl }}/" class="navbar-item">
-                {{ site.title }}
-            </a>
-            <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navMenu">
-                <span aria-hidden="true"></span>
-                <span aria-hidden="true"></span>
-                <span aria-hidden="true"></span>
-            </a>
-        </div>
-        <div class="navbar-menu" id="navMenu">
-            <div class="navbar-start">
-                <a href="{{ site.baseurl }}/" class="navbar-item {% if page.url == "/" %}is-active{% endif %}">Home</a>
-                {% if site.data.navigation %}
-                {% for item in site.data.navigation %}
-                    {% if item.dropdown %}
-                    <div class="navbar-item has-dropdown is-hoverable">
-                        <a href="{{ item.link | prepend: site.baseurl }}" class="navbar-link {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
-                        <div class="navbar-dropdown">
-                            {% for subitem in item.dropdown %}
-                            <a href="{{ subitem.link | prepend: site.baseurl }}" class="navbar-item {% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a>
-                            {% endfor %}
-                        </div>
-                    </div>
-                    {% else %}
-                    <a href="{{ item.link | prepend: site.baseurl }}" class="navbar-item {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
-                    {% endif %}
-                {% endfor %}
+      <!-- Logo / Brand -->
+      <div class="flex items-center">
+        <a href="{{ '/' | relative_url }}" class="flex items-center gap-3 text-cp-green-500 hover:text-cp-green-400 transition-all duration-200 group">
+          <!-- ASCII Logo (簡化版) -->
+          <span class="font-mono text-lg font-bold tracking-tight">
+            <span class="text-cp-green-500 group-hover:text-glow">[</span>
+            <span class="text-cp-green-400">CP</span>
+            <span class="text-cp-green-500 group-hover:text-glow">]</span>
+          </span>
+          <span class="hidden sm:block font-mono text-sm text-cp-dark-700 group-hover:text-cp-dark-800">
+            {{ site.title }}
+          </span>
+        </a>
+      </div>
+
+      <!-- Desktop Navigation -->
+      <div class="hidden lg:flex items-center gap-1">
+        <!-- Navigation Items (Home 已移除，Logo 連結首頁即可) -->
+        {% if site.data.navigation %}
+        {% for item in site.data.navigation %}
+          {% if item.dropdown %}
+          <!-- Dropdown Menu -->
+          <div class="dropdown relative group">
+            <button class="navbar-item flex items-center gap-1" aria-haspopup="true">
+              {{ item.name }}
+              <svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+              </svg>
+            </button>
+            <div class="dropdown-menu absolute top-full left-0 mt-1 py-2 bg-cp-dark-100 border border-cp-dark-400 rounded-lg shadow-lg min-w-[220px] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
+              {% for subitem in item.dropdown %}
+                {% if subitem.section %}
+                <!-- Section Divider -->
+                <div class="px-4 py-2 text-xs text-cp-dark-500 font-mono uppercase tracking-wider border-t border-cp-dark-300 mt-1 first:mt-0 first:border-t-0">
+                  {{ subitem.name }}
+                </div>
+                {% elsif subitem.external %}
+                <a href="{{ subitem.link }}" target="_blank" rel="noopener noreferrer" class="dropdown-item flex items-center justify-between px-4 py-2 text-sm text-cp-dark-800 hover:text-cp-green-500 hover:bg-cp-dark-200 transition-colors">
+                  {{ subitem.name }}
+                  <svg class="w-3 h-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
+                  </svg>
+                </a>
+                {% else %}
+                <a href="{{ subitem.link | relative_url }}" class="dropdown-item block px-4 py-2 text-sm text-cp-dark-800 hover:text-cp-green-500 hover:bg-cp-dark-200 transition-colors">
+                  {{ subitem.name }}
+                </a>
                 {% endif %}
+              {% endfor %}
             </div>
+          </div>
+          {% else %}
+          <!-- Regular Link -->
+          <a href="{{ item.link | relative_url }}" class="navbar-item {% if item.link == page.url %}is-active{% endif %}">
+            {{ item.name }}
+          </a>
+          {% endif %}
+        {% endfor %}
+        {% endif %}
+      </div>
+
+      <!-- Right Side Actions -->
+      <div class="flex items-center gap-2">
+        <!-- Search Button -->
+        <button id="search-btn" class="p-2 text-cp-dark-700 hover:text-cp-green-500 hover:bg-cp-dark-200 rounded-lg transition-all" aria-label="搜尋" title="搜尋 (⌘K)">
+          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+          </svg>
+        </button>
+
+        <!-- Theme Toggle -->
+        <button id="theme-toggle" class="p-2 text-cp-dark-700 hover:text-cp-green-500 hover:bg-cp-dark-200 rounded-lg transition-all" aria-label="切換主題">
+          <!-- Sun Icon (Dark Mode) -->
+          <svg class="w-5 h-5 hidden dark:block" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"/>
+          </svg>
+          <!-- Moon Icon (Light Mode) -->
+          <svg class="w-5 h-5 block dark:hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"/>
+          </svg>
+        </button>
+
+        <!-- GitHub Link -->
+        <a href="https://github.com/{{ site.social.github }}" target="_blank" rel="noopener noreferrer" class="p-2 text-cp-dark-700 hover:text-cp-green-500 hover:bg-cp-dark-200 rounded-lg transition-all" aria-label="GitHub">
+          <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.17 6.839 9.49.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.604-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.464-1.11-1.464-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0112 6.836c.85.004 1.705.114 2.504.336 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.167 22 16.418 22 12c0-5.523-4.477-10-10-10z"/>
+          </svg>
+        </a>
+
+        <!-- Mobile Menu Button -->
+        <button id="mobile-menu-btn" class="lg:hidden p-2 text-cp-dark-700 hover:text-cp-green-500 hover:bg-cp-dark-200 rounded-lg transition-all" aria-label="開啟選單" aria-expanded="false">
+          <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Mobile Navigation Menu -->
+  <div id="mobile-menu" class="lg:hidden hidden bg-cp-dark-100 border-t border-cp-dark-400">
+    <div class="container mx-auto px-4 py-4 space-y-2">
+      {% if site.data.navigation %}
+      {% for item in site.data.navigation %}
+        {% if item.dropdown %}
+        <!-- Mobile Dropdown -->
+        <div class="mobile-dropdown">
+          <button class="mobile-dropdown-btn w-full flex items-center justify-between px-4 py-2 text-cp-dark-800 hover:text-cp-green-500 hover:bg-cp-dark-200 rounded-lg transition-colors">
+            {{ item.name }}
+            <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+            </svg>
+          </button>
+          <div class="mobile-dropdown-menu hidden pl-4 mt-1 space-y-1">
+            {% for subitem in item.dropdown %}
+              {% if subitem.section %}
+              <!-- Section Divider -->
+              <div class="px-4 py-2 text-xs text-cp-dark-500 font-mono uppercase tracking-wider">
+                {{ subitem.name }}
+              </div>
+              {% elsif subitem.external %}
+              <a href="{{ subitem.link }}" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between px-4 py-2 text-sm text-cp-dark-700 hover:text-cp-green-500 hover:bg-cp-dark-200 rounded-lg transition-colors">
+                {{ subitem.name }}
+                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
+                </svg>
+              </a>
+              {% else %}
+              <a href="{{ subitem.link | relative_url }}" class="block px-4 py-2 text-sm text-cp-dark-700 hover:text-cp-green-500 hover:bg-cp-dark-200 rounded-lg transition-colors">
+                {{ subitem.name }}
+              </a>
+              {% endif %}
+            {% endfor %}
+          </div>
         </div>
+        {% else %}
+        <a href="{{ item.link | relative_url }}" class="block px-4 py-2 text-cp-dark-800 hover:text-cp-green-500 hover:bg-cp-dark-200 rounded-lg transition-colors">
+          {{ item.name }}
+        </a>
+        {% endif %}
+      {% endfor %}
+      {% endif %}
     </div>
+  </div>
 </nav>
+
+<!-- Spacer for fixed navbar -->
+<div class="h-16"></div>
diff --git a/_includes/hero.html b/_includes/hero.html
index de067549..3960a266 100644
--- a/_includes/hero.html
+++ b/_includes/hero.html
@@ -1,11 +1,87 @@
-<section class="hero {% if page.hero_height %} {{ page.hero_height }} {% else %} is-medium {% endif %} is-bold is-primary" {% if page.hero_image %} style="background: url('{{ page.hero_image }}') no-repeat center center; background-size: cover;" {% endif %}>
-    <div class="hero-body">
-        <div class="container">
-            <p class="title is-2">{{ page.title }}</p>
-            <p class="subtitle is-3">{{ page.subtitle }}</p>
-            {% if page.hero_link %}
-                <a href="{{ page.hero_link | prepend: site.baseurl  }}" class="button is-info is-large">{{ page.hero_link_text }}</a>
-            {% endif %}
-        </div>
+<!-- Compact Hero Section - V2.1 -->
+<section class="hero relative py-8 md:py-12 overflow-hidden bg-cp-dark border-b border-cp-dark-400"
+  {% if page.hero_image %}style="background: linear-gradient(rgba(10, 10, 10, 0.9), rgba(10, 10, 10, 0.95)), url('{{ page.hero_image }}') no-repeat center center; background-size: cover;"{% endif %}>
+
+  <!-- Subtle Grid Background -->
+  <div class="absolute inset-0 bg-grid opacity-10"></div>
+  <div class="absolute inset-0 bg-gradient-to-b from-cp-dark via-cp-dark to-cp-dark-100"></div>
+
+  <!-- Hero Content -->
+  <div class="relative z-10 container mx-auto px-4 max-w-4xl">
+    <!-- Breadcrumb (optional) -->
+    {% if page.category or page.categories.size > 0 %}
+    <div class="mb-4 text-xs font-mono text-cp-dark-600">
+      <a href="/" class="hover:text-cp-green-500 transition-colors">Home</a>
+      <span class="mx-2">/</span>
+      {% if page.categories.size > 0 %}
+      <span class="text-cp-dark-700">{{ page.categories | first }}</span>
+      {% elsif page.category %}
+      <span class="text-cp-dark-700">{{ page.category }}</span>
+      {% endif %}
     </div>
-</section>
\ No newline at end of file
+    {% endif %}
+
+    <!-- Main Title -->
+    <h1 class="text-2xl sm:text-3xl md:text-4xl font-bold font-mono text-cp-dark-800 mb-3">
+      {% if page.title %}
+        {{ page.title }}
+      {% else %}
+        {{ site.title }}
+      {% endif %}
+    </h1>
+
+    <!-- Subtitle / Description -->
+    {% if page.subtitle or page.description %}
+    <p class="text-base md:text-lg text-cp-dark-600 max-w-2xl font-mono">
+      {{ page.subtitle | default: page.description }}
+    </p>
+    {% endif %}
+
+    <!-- Meta info for posts -->
+    {% if page.date %}
+    <div class="mt-4 flex flex-wrap items-center gap-4 text-xs font-mono text-cp-dark-600">
+      <time datetime="{{ page.date | date_to_xmlschema }}" class="flex items-center gap-1">
+        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
+        </svg>
+        {{ page.date | date: "%Y-%m-%d" }}
+      </time>
+      {% if page.author %}
+      <span class="flex items-center gap-1">
+        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
+        </svg>
+        {{ page.author }}
+      </span>
+      {% endif %}
+      {% if page.tags.size > 0 %}
+      <div class="flex items-center gap-2">
+        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/>
+        </svg>
+        {% for tag in page.tags limit:3 %}
+        <span class="px-2 py-0.5 bg-cp-dark-200 rounded text-cp-dark-700">{{ tag }}</span>
+        {% endfor %}
+      </div>
+      {% endif %}
+    </div>
+    {% endif %}
+
+    <!-- CTA Buttons (optional) -->
+    {% if page.hero_link %}
+    <div class="mt-6 flex flex-wrap items-center gap-3">
+      <a href="{{ page.hero_link | relative_url }}" class="btn btn-primary">
+        {{ page.hero_link_text | default: "了解更多" }}
+        <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/>
+        </svg>
+      </a>
+      {% if page.hero_link_secondary %}
+      <a href="{{ page.hero_link_secondary | relative_url }}" class="btn btn-outline">
+        {{ page.hero_link_secondary_text | default: "瀏覽文章" }}
+      </a>
+      {% endif %}
+    </div>
+    {% endif %}
+  </div>
+</section>
diff --git a/_includes/image.html b/_includes/image.html
new file mode 100644
index 00000000..98bc2ea5
--- /dev/null
+++ b/_includes/image.html
@@ -0,0 +1,74 @@
+{% comment %}
+Responsive & Optimized Image Include
+
+Usage:
+{% include image.html src="/img/example.jpg" alt="Description" %}
+{% include image.html src="/img/example.jpg" alt="Description" caption="Optional caption" %}
+{% include image.html src="/img/example.jpg" alt="Description" size="full" %}
+
+Parameters:
+  - src: Image path (required)
+  - alt: Alt text for accessibility (required)
+  - caption: Optional caption below image
+  - class: Additional CSS classes
+  - width: Optional width attribute
+  - height: Optional height attribute
+  - lazy: Whether to lazy load (default: true, set false for above-fold images)
+  - size: Image size preset (small | medium | large | full) - default: full
+  - link: Optional link URL to wrap the image
+  - ratio: Aspect ratio class (aspect-video | aspect-square | aspect-auto)
+{% endcomment %}
+
+{% assign img_src = include.src | relative_url %}
+{% assign img_alt = include.alt | default: "Image" %}
+{% assign img_caption = include.caption %}
+{% assign img_class = include.class | default: "" %}
+{% assign img_width = include.width %}
+{% assign img_height = include.height %}
+{% assign img_lazy = include.lazy | default: true %}
+{% assign img_size = include.size | default: "full" %}
+{% assign img_link = include.link %}
+{% assign img_ratio = include.ratio %}
+
+{% comment %} Size presets {% endcomment %}
+{% case img_size %}
+  {% when "small" %}
+    {% assign size_class = "max-w-sm mx-auto" %}
+  {% when "medium" %}
+    {% assign size_class = "max-w-lg mx-auto" %}
+  {% when "large" %}
+    {% assign size_class = "max-w-2xl mx-auto" %}
+  {% else %}
+    {% assign size_class = "w-full" %}
+{% endcase %}
+
+{% comment %} Check for WebP version {% endcomment %}
+{% assign img_ext = img_src | split: "." | last %}
+{% assign img_base = img_src | replace: img_ext, "" %}
+{% assign img_webp = img_base | append: "webp" %}
+
+<figure class="image-figure my-6 {{ size_class }} {{ img_class }}">
+  <div class="relative overflow-hidden rounded-lg border border-cp-dark-400 bg-cp-dark-100 {% if img_ratio %}{{ img_ratio }}{% endif %}">
+    {% if img_link %}<a href="{{ img_link }}" target="_blank" rel="noopener noreferrer">{% endif %}
+    <picture>
+      {% comment %} WebP source if available {% endcomment %}
+      <source srcset="{{ img_webp }}" type="image/webp">
+      {% comment %} Original format fallback {% endcomment %}
+      <img
+        src="{{ img_src }}"
+        alt="{{ img_alt }}"
+        {% if img_width %}width="{{ img_width }}"{% endif %}
+        {% if img_height %}height="{{ img_height }}"{% endif %}
+        {% if img_lazy %}loading="lazy" decoding="async"{% else %}fetchpriority="high"{% endif %}
+        class="w-full h-auto object-cover transition-all duration-300 hover:scale-[1.02]"
+        onerror="this.onerror=null; this.parentElement.innerHTML='<img src=\'{{ '/img/placeholder.svg' | relative_url }}\' alt=\'Image not available\' class=\'w-full h-auto opacity-50\'>';"
+      >
+    </picture>
+    {% if img_link %}</a>{% endif %}
+  </div>
+  {% if img_caption %}
+  <figcaption class="mt-3 text-center text-sm text-cp-dark-600 font-mono">
+    <span class="text-cp-dark-500">//</span> {{ img_caption }}
+  </figcaption>
+  {% endif %}
+</figure>
diff --git a/_includes/search-modal.html b/_includes/search-modal.html
new file mode 100644
index 00000000..c1fdf838
--- /dev/null
+++ b/_includes/search-modal.html
@@ -0,0 +1,110 @@
+<!-- Search Modal -->
+<div id="search-modal" class="fixed inset-0 z-50 hidden" role="dialog" aria-modal="true" aria-labelledby="search-title">
+  <!-- Backdrop -->
+  <div class="search-backdrop absolute inset-0 bg-cp-dark/80 backdrop-blur-sm"></div>
+
+  <!-- Modal Content -->
+  <div class="relative flex items-start justify-center pt-[15vh] px-4">
+    <div class="search-container w-full max-w-2xl bg-cp-dark-100 border border-cp-dark-400 rounded-lg shadow-2xl overflow-hidden">
+
+      <!-- Search Header -->
+      <div class="p-4 border-b border-cp-dark-400">
+        <div class="flex items-center gap-3">
+          <!-- Search Icon -->
+          <svg class="w-5 h-5 text-cp-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+          </svg>
+
+          <!-- Search Input -->
+          <input
+            type="text"
+            id="search-input"
+            class="flex-grow bg-transparent text-cp-dark-800 placeholder-cp-dark-600 font-mono focus:outline-none"
+            placeholder="搜尋文章..."
+            autocomplete="off"
+            autocorrect="off"
+            autocapitalize="off"
+            spellcheck="false"
+          >
+
+          <!-- Close Button -->
+          <button id="search-close" class="text-cp-dark-600 hover:text-cp-green-500 transition-colors" aria-label="關閉搜尋">
+            <kbd class="px-2 py-1 text-xs bg-cp-dark-200 border border-cp-dark-400 rounded font-mono">ESC</kbd>
+          </button>
+        </div>
+      </div>
+
+      <!-- Search Results -->
+      <div id="search-results" class="max-h-[60vh] overflow-y-auto">
+        <!-- Empty State -->
+        <div id="search-empty" class="p-8 text-center">
+          <div class="text-cp-green-600 font-mono text-4xl mb-4">&gt;_</div>
+          <p class="text-cp-dark-600 font-mono text-sm">輸入關鍵字開始搜尋</p>
+          <p class="text-cp-dark-500 font-mono text-xs mt-2">支援標題、內容、標籤搜尋</p>
+        </div>
+
+        <!-- Results List (populated by JS) -->
+        <div id="search-results-list" class="hidden divide-y divide-cp-dark-400">
+          <!-- Results will be injected here -->
+        </div>
+
+        <!-- No Results -->
+        <div id="search-no-results" class="hidden p-8 text-center">
+          <div class="text-cp-accent-red font-mono text-4xl mb-4">:(</div>
+          <p class="text-cp-dark-600 font-mono text-sm">找不到相關結果</p>
+          <p class="text-cp-dark-500 font-mono text-xs mt-2">試試其他關鍵字</p>
+        </div>
+
+        <!-- Loading State -->
+        <div id="search-loading" class="hidden p-8 text-center">
+          <div class="inline-block animate-spin text-cp-green-500">
+            <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
+            </svg>
+          </div>
+          <p class="text-cp-dark-600 font-mono text-sm mt-4">搜尋中...</p>
+        </div>
+      </div>
+
+      <!-- Search Footer -->
+      <div class="p-3 border-t border-cp-dark-400 bg-cp-dark-200/50">
+        <div class="flex items-center justify-between text-xs text-cp-dark-600 font-mono">
+          <div class="flex items-center gap-4">
+            <span class="flex items-center gap-1">
+              <kbd class="px-1.5 py-0.5 bg-cp-dark-300 border border-cp-dark-400 rounded text-[0.65rem]">↑</kbd>
+              <kbd class="px-1.5 py-0.5 bg-cp-dark-300 border border-cp-dark-400 rounded text-[0.65rem]">↓</kbd>
+              <span>導航</span>
+            </span>
+            <span class="flex items-center gap-1">
+              <kbd class="px-1.5 py-0.5 bg-cp-dark-300 border border-cp-dark-400 rounded text-[0.65rem]">↵</kbd>
+              <span>開啟</span>
+            </span>
+          </div>
+          <span id="search-count" class="text-cp-green-600"></span>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</div>
+
+<!-- Search Result Template -->
+<template id="search-result-template">
+  <a href="" class="search-result block p-4 hover:bg-cp-dark-200 transition-colors focus:bg-cp-dark-200 focus:outline-none">
+    <div class="flex items-start gap-3">
+      <div class="flex-shrink-0 w-8 h-8 rounded bg-cp-dark-200 flex items-center justify-center">
+        <svg class="w-4 h-4 text-cp-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
+        </svg>
+      </div>
+      <div class="flex-grow min-w-0">
+        <h4 class="search-result-title text-cp-dark-800 font-medium truncate"></h4>
+        <p class="search-result-excerpt text-cp-dark-600 text-sm mt-1 line-clamp-2"></p>
+        <div class="search-result-meta flex items-center gap-2 mt-2 text-xs text-cp-dark-500">
+          <time class="search-result-date"></time>
+          <span class="search-result-tags"></span>
+        </div>
+      </div>
+    </div>
+  </a>
+</template>
diff --git a/_includes/share-buttons.html b/_includes/share-buttons.html
new file mode 100644
index 00000000..e543518a
--- /dev/null
+++ b/_includes/share-buttons.html
@@ -0,0 +1,75 @@
+<!-- Share Buttons -->
+<div class="flex flex-wrap items-center gap-2">
+  <!-- Twitter/X -->
+  <a
+    href="https://twitter.com/intent/tweet?text={{ page.title | uri_escape }}&url={{ page.url | absolute_url | uri_escape }}&via={{ site.twitter.username }}"
+    target="_blank"
+    rel="noopener noreferrer"
+    class="inline-flex items-center gap-2 px-3 py-2 bg-cp-dark-200 text-cp-dark-700 border border-cp-dark-400 rounded-lg hover:border-cp-green-500 hover:text-cp-green-500 transition-all font-mono text-sm"
+    aria-label="分享到 Twitter"
+  >
+    <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+      <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
+    </svg>
+    <span class="hidden sm:inline">Twitter</span>
+  </a>
+
+  <!-- Facebook -->
+  <a
+    href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | uri_escape }}"
+    target="_blank"
+    rel="noopener noreferrer"
+    class="inline-flex items-center gap-2 px-3 py-2 bg-cp-dark-200 text-cp-dark-700 border border-cp-dark-400 rounded-lg hover:border-cp-green-500 hover:text-cp-green-500 transition-all font-mono text-sm"
+    aria-label="分享到 Facebook"
+  >
+    <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+      <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
+    </svg>
+    <span class="hidden sm:inline">Facebook</span>
+  </a>
+
+  <!-- Copy Link -->
+  <button
+    id="copy-link-btn"
+    class="inline-flex items-center gap-2 px-3 py-2 bg-cp-dark-200 text-cp-dark-700 border border-cp-dark-400 rounded-lg hover:border-cp-green-500 hover:text-cp-green-500 transition-all font-mono text-sm"
+    data-url="{{ page.url | absolute_url }}"
+    aria-label="複製連結"
+  >
+    <svg class="w-4 h-4 copy-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"/>
+    </svg>
+    <svg class="w-4 h-4 check-icon hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
+    </svg>
+    <span class="btn-text">複製連結</span>
+  </button>
+</div>
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  const copyBtn = document.getElementById('copy-link-btn');
+  if (copyBtn) {
+    copyBtn.addEventListener('click', async function() {
+      const url = this.dataset.url;
+      const copyIcon = this.querySelector('.copy-icon');
+      const checkIcon = this.querySelector('.check-icon');
+      const btnText = this.querySelector('.btn-text');
+
+      try {
+        await navigator.clipboard.writeText(url);
+        copyIcon.classList.add('hidden');
+        checkIcon.classList.remove('hidden');
+        btnText.textContent = '已複製!';
+
+        setTimeout(() => {
+          copyIcon.classList.remove('hidden');
+          checkIcon.classList.add('hidden');
+          btnText.textContent = '複製連結';
+        }, 2000);
+      } catch (err) {
+        console.error('Failed to copy:', err);
+      }
+    });
+  }
+});
+</script>
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
new file mode 100644
index 00000000..b1e621a1
--- /dev/null
+++ b/_includes/sidebar.html
@@ -0,0 +1,70 @@
+<!-- Sidebar - Latest Posts -->
+<div class="sidebar bg-cp-dark-100 border border-cp-dark-400 rounded-lg p-6 sticky top-24">
+  <!-- Latest Posts -->
+  <div class="mb-8">
+    <h3 class="sidebar-title text-lg font-bold text-cp-green-500 mb-4 pb-2 border-b border-cp-dark-400 font-mono">
+      <span class="text-cp-dark-600">//</span> 最新文章
+    </h3>
+    <ul class="space-y-4">
+      {% for post in site.posts limit:5 %}
+      <li class="group">
+        <a href="{{ post.url | relative_url }}" class="block">
+          <h4 class="text-sm font-medium text-cp-dark-800 group-hover:text-cp-green-500 transition-colors line-clamp-2">
+            {{ post.title }}
+          </h4>
+          <time class="text-xs text-cp-dark-600 font-mono mt-1 block">
+            {{ post.date | date: "%Y-%m-%d" }}
+          </time>
+        </a>
+      </li>
+      {% endfor %}
+    </ul>
+    <a href="{{ '/blog/' | relative_url }}" class="inline-flex items-center gap-1 text-cp-green-500 text-sm font-mono mt-4 hover:text-cp-green-400 transition-colors">
+      查看全部
+      <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+      </svg>
+    </a>
+  </div>
+
+  <!-- Tags -->
+  {% assign all_tags = site.posts | map: 'tags' | compact | flatten | uniq | sort %}
+  {% if all_tags.size > 0 %}
+  <div class="mb-8">
+    <h3 class="sidebar-title text-lg font-bold text-cp-green-500 mb-4 pb-2 border-b border-cp-dark-400 font-mono">
+      <span class="text-cp-dark-600">//</span> 標籤
+    </h3>
+    <div class="flex flex-wrap gap-2">
+      {% for tag in all_tags limit:15 %}
+      <a href="{{ '/tags/' | relative_url }}#{{ tag | slugify }}" class="tag text-xs px-2 py-1 bg-cp-dark-200 text-cp-green-600 border border-cp-dark-400 rounded hover:border-cp-green-500 hover:bg-cp-green-500/10 transition-all font-mono">
+        {{ tag }}
+      </a>
+      {% endfor %}
+    </div>
+  </div>
+  {% endif %}
+
+  <!-- Quick Links -->
+  <div>
+    <h3 class="sidebar-title text-lg font-bold text-cp-green-500 mb-4 pb-2 border-b border-cp-dark-400 font-mono">
+      <span class="text-cp-dark-600">//</span> 資源
+    </h3>
+    <ul class="space-y-2">
+      <li>
+        <a href="{{ '/markdown/resources/resources-bitcoin/' | relative_url }}" class="flex items-center gap-2 text-sm text-cp-dark-700 hover:text-cp-green-500 transition-colors font-mono">
+          <span class="text-cp-green-600">></span> Bitcoin
+        </a>
+      </li>
+      <li>
+        <a href="{{ '/markdown/resources/resources-ln/' | relative_url }}" class="flex items-center gap-2 text-sm text-cp-dark-700 hover:text-cp-green-500 transition-colors font-mono">
+          <span class="text-cp-green-600">></span> Lightning Network
+        </a>
+      </li>
+      <li>
+        <a href="{{ '/markdown/resources/resources-blockchain-privacy/' | relative_url }}" class="flex items-center gap-2 text-sm text-cp-dark-700 hover:text-cp-green-500 transition-colors font-mono">
+          <span class="text-cp-green-600">></span> Blockchain Privacy
+        </a>
+      </li>
+    </ul>
+  </div>
+</div>
diff --git a/_includes/toc.html b/_includes/toc.html
new file mode 100644
index 00000000..5d52d4e0
--- /dev/null
+++ b/_includes/toc.html
@@ -0,0 +1,101 @@
+<!-- Table of Contents -->
+<nav class="toc bg-cp-dark-100 border border-cp-dark-400 rounded-lg p-4" aria-label="目錄">
+  <h3 class="text-sm font-mono font-bold text-cp-green-500 mb-3 pb-2 border-b border-cp-dark-400">
+    <span class="text-cp-dark-600">//</span> 目錄
+  </h3>
+
+  <div id="toc-content" class="text-sm space-y-1">
+    <!-- TOC will be generated by JavaScript -->
+    <p class="text-cp-dark-600 font-mono text-xs">載入中...</p>
+  </div>
+</nav>
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  const tocContainer = document.getElementById('toc-content');
+  const article = document.querySelector('.content');
+
+  if (!tocContainer || !article) return;
+
+  // Get all headings
+  const headings = article.querySelectorAll('h2, h3, h4');
+
+  if (headings.length === 0) {
+    tocContainer.innerHTML = '<p class="text-cp-dark-600 font-mono text-xs">此文章無目錄</p>';
+    return;
+  }
+
+  // Build TOC
+  let tocHTML = '<ul class="space-y-1">';
+  let lastLevel = 2;
+
+  headings.forEach((heading, index) => {
+    // Create ID if not exists
+    if (!heading.id) {
+      heading.id = 'heading-' + index;
+    }
+
+    const level = parseInt(heading.tagName.charAt(1));
+    const indent = (level - 2) * 12;
+
+    tocHTML += `
+      <li style="padding-left: ${indent}px;">
+        <a href="#${heading.id}"
+           class="toc-link block py-1 text-cp-dark-700 hover:text-cp-green-500 transition-colors truncate font-mono"
+           data-target="${heading.id}">
+          ${heading.textContent}
+        </a>
+      </li>
+    `;
+  });
+
+  tocHTML += '</ul>';
+  tocContainer.innerHTML = tocHTML;
+
+  // Active state tracking
+  const tocLinks = tocContainer.querySelectorAll('.toc-link');
+
+  const observerOptions = {
+    rootMargin: '-80px 0px -80% 0px',
+    threshold: 0
+  };
+
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach(entry => {
+      if (entry.isIntersecting) {
+        // Remove active from all
+        tocLinks.forEach(link => {
+          link.classList.remove('text-cp-green-500', 'border-l-2', 'border-cp-green-500', 'pl-2', '-ml-2');
+          link.classList.add('text-cp-dark-700');
+        });
+
+        // Add active to current
+        const activeLink = tocContainer.querySelector(`[data-target="${entry.target.id}"]`);
+        if (activeLink) {
+          activeLink.classList.remove('text-cp-dark-700');
+          activeLink.classList.add('text-cp-green-500', 'border-l-2', 'border-cp-green-500', 'pl-2', '-ml-2');
+        }
+      }
+    });
+  }, observerOptions);
+
+  headings.forEach(heading => observer.observe(heading));
+
+  // Smooth scroll on click
+  tocLinks.forEach(link => {
+    link.addEventListener('click', function(e) {
+      e.preventDefault();
+      const targetId = this.getAttribute('data-target');
+      const targetElement = document.getElementById(targetId);
+      if (targetElement) {
+        const offset = 100;
+        const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - offset;
+        window.scrollTo({
+          top: targetPosition,
+          behavior: 'smooth'
+        });
+      }
+    });
+  });
+});
+</script>
diff --git a/_layouts/blog.html b/_layouts/blog.html
index 4496b923..f486a898 100644
--- a/_layouts/blog.html
+++ b/_layouts/blog.html
@@ -1,19 +1,138 @@
 ---
 layout: default
+hide_hero: true
 ---
 
-{{ content }}
+<div class="max-w-4xl mx-auto">
+  <!-- Page Header -->
+  <header class="mb-8">
+    {{ content }}
+  </header>
 
-<div class="columns is-multiline">
-    <div class="column is-12">
-        {% include pagination.html %}
-    </div>
+  <!-- Posts List -->
+  <div class="space-y-6">
     {% for post in paginator.posts %}
-    <div class="column is-12">
-        {% include post-card.html %}
-    </div>
+    <article class="card group">
+      <a href="{{ post.url | relative_url }}" class="block p-6">
+        <div class="flex flex-col md:flex-row gap-6">
+          <!-- Thumbnail -->
+          {% if post.image %}
+          <div class="md:w-48 flex-shrink-0">
+            <img
+              src="{{ post.image | relative_url }}"
+              alt="{{ post.title }}"
+              class="w-full h-32 md:h-full object-cover rounded-lg border border-cp-dark-400"
+              loading="lazy"
+            >
+          </div>
+          {% endif %}
+
+          <!-- Content -->
+          <div class="flex-grow min-w-0">
+            <!-- Category Badge -->
+            {% if post.category %}
+            <span class="inline-block px-2 py-0.5 text-xs font-mono bg-cp-green-500/10 text-cp-green-500 border border-cp-green-700 rounded mb-2">
+              {{ post.category }}
+            </span>
+            {% endif %}
+
+            <!-- Title -->
+            <h2 class="text-xl font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+              {{ post.title }}
+            </h2>
+
+            <!-- Excerpt -->
+            <p class="text-cp-dark-600 text-sm line-clamp-2 mb-3">
+              {{ post.excerpt | strip_html | truncate: 150 }}
+            </p>
+
+            <!-- Meta -->
+            <div class="flex flex-wrap items-center gap-4 text-xs text-cp-dark-600 font-mono">
+              <!-- Date -->
+              <time datetime="{{ post.date | date_to_xmlschema }}">
+                {{ post.date | date: "%Y-%m-%d" }}
+              </time>
+
+              <!-- Author -->
+              <span>{{ post.author | default: site.author.name }}</span>
+
+              <!-- Reading Time -->
+              {% if site.reading_time.enabled %}
+              {% assign words = post.content | number_of_words %}
+              {% assign reading_time = words | divided_by: site.reading_time.words_per_minute %}
+              {% if reading_time < 1 %}{% assign reading_time = 1 %}{% endif %}
+              <span>{{ reading_time }} 分鐘</span>
+              {% endif %}
+            </div>
+
+            <!-- Tags -->
+            {% if post.tags.size > 0 %}
+            <div class="flex flex-wrap gap-1 mt-3">
+              {% for tag in post.tags limit:3 %}
+              <span class="px-2 py-0.5 text-xs font-mono bg-cp-dark-200 text-cp-dark-600 rounded">
+                {{ tag }}
+              </span>
+              {% endfor %}
+              {% if post.tags.size > 3 %}
+              <span class="text-xs text-cp-dark-500 font-mono">+{{ post.tags.size | minus: 3 }}</span>
+              {% endif %}
+            </div>
+            {% endif %}
+          </div>
+        </div>
+      </a>
+    </article>
+    {% endfor %}
+  </div>
+
+  <!-- Pagination -->
+  {% if paginator.total_pages > 1 %}
+  <nav class="pagination flex items-center justify-center gap-2 mt-12" aria-label="分頁導航">
+    <!-- Previous -->
+    {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path | relative_url }}" class="pagination-item" aria-label="上一頁">
+      <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
+      </svg>
+    </a>
+    {% else %}
+    <span class="pagination-item opacity-50 cursor-not-allowed">
+      <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
+      </svg>
+    </span>
+    {% endif %}
+
+    <!-- Page Numbers -->
+    {% for page in (1..paginator.total_pages) %}
+      {% if page == paginator.page %}
+      <span class="pagination-item is-current">{{ page }}</span>
+      {% elsif page == 1 %}
+      <a href="{{ '/blog/' | relative_url }}" class="pagination-item">{{ page }}</a>
+      {% else %}
+      <a href="{{ site.paginate_path | relative_url | replace: ':num', page }}" class="pagination-item">{{ page }}</a>
+      {% endif %}
     {% endfor %}
-    <div class="column is-12">
-            {% include pagination.html %}
-    </div>
-</div>
\ No newline at end of file
+
+    <!-- Next -->
+    {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path | relative_url }}" class="pagination-item" aria-label="下一頁">
+      <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+      </svg>
+    </a>
+    {% else %}
+    <span class="pagination-item opacity-50 cursor-not-allowed">
+      <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+      </svg>
+    </span>
+    {% endif %}
+  </nav>
+
+  <!-- Page Info -->
+  <p class="text-center text-cp-dark-600 text-sm font-mono mt-4">
+    第 {{ paginator.page }} / {{ paginator.total_pages }} 頁，共 {{ site.posts.size }} 篇文章
+  </p>
+  {% endif %}
+</div>
diff --git a/_layouts/page.html b/_layouts/page.html
index 7d722ac5..e32561c7 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -1,7 +1,25 @@
 ---
 layout: default
+hide_hero: true
 ---
 
-<div class="content">
+<article class="page">
+  <!-- Page Header -->
+  {% unless page.hide_title %}
+  <header class="mb-8">
+    <h1 class="text-3xl md:text-4xl font-bold font-mono text-cp-green-500 mb-4">
+      {{ page.title }}
+    </h1>
+    {% if page.subtitle %}
+    <p class="text-lg text-cp-dark-600 font-mono">
+      {{ page.subtitle }}
+    </p>
+    {% endif %}
+  </header>
+  {% endunless %}
+
+  <!-- Page Content -->
+  <div class="content prose prose-invert max-w-none">
     {{ content }}
-</div>
\ No newline at end of file
+  </div>
+</article>
diff --git a/_layouts/product-category.html b/_layouts/product-category.html
index 47615c40..2e34c801 100644
--- a/_layouts/product-category.html
+++ b/_layouts/product-category.html
@@ -4,271 +4,93 @@
 ---
 
 <div class="max-w-7xl mx-auto">
-  <!-- Compact Header Section -->
+  <!-- Header - 簡單標題 -->
   <header class="mb-8 pb-6 border-b border-cp-dark-400">
-    <div class="flex flex-col md:flex-row md:items-end justify-between gap-4">
-      <div>
-        <h1 class="text-2xl md:text-3xl font-bold font-mono text-cp-green-500 mb-2">
-          {{ page.title }}
-        </h1>
-        {% if page.subtitle %}
-        <p class="text-base text-cp-dark-600 font-mono">
-          {{ page.subtitle }}
-        </p>
-        {% endif %}
-        {% if content != "" %}
-        <div class="mt-3 text-cp-dark-700 text-sm">
-          {{ content }}
-        </div>
-        {% endif %}
-      </div>
-      <!-- Quick Stats -->
-      <div class="flex items-center gap-6 text-sm font-mono">
-        <div class="text-center">
-          <div class="text-xl font-bold text-cp-green-400">{{ site.products.size }}</div>
-          <div class="text-xs text-cp-dark-600">項目</div>
-        </div>
-        <div class="text-center">
-          <div class="text-xl font-bold text-cp-green-400">FREE</div>
-          <div class="text-xs text-cp-dark-600">開源</div>
-        </div>
-      </div>
-    </div>
+    <h1 class="text-2xl md:text-3xl font-bold font-mono text-cp-green-500 mb-2">
+      {{ page.title }}
+    </h1>
+    {% if page.subtitle %}
+    <p class="text-base text-cp-dark-600 font-mono">{{ page.subtitle }}</p>
+    {% endif %}
+    {% if content != "" %}
+    <div class="mt-3 text-cp-dark-700 text-sm">{{ content }}</div>
+    {% endif %}
   </header>
 
-  <!-- Filter Bar -->
-  <div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-8 p-4 card">
-    <div class="flex flex-wrap items-center gap-2">
-      <span class="text-sm text-cp-dark-600 font-mono mr-2">分類：</span>
-      <button class="filter-btn active px-3 py-1.5 text-xs font-mono border border-cp-green-500 text-cp-green-500 rounded transition-colors" data-filter="all">
-        全部
-      </button>
-      <button class="filter-btn px-3 py-1.5 text-xs font-mono border border-cp-dark-400 rounded hover:border-cp-green-500 hover:text-cp-green-500 transition-colors" data-filter="bitcoin">
-        Bitcoin
-      </button>
-      <button class="filter-btn px-3 py-1.5 text-xs font-mono border border-cp-dark-400 rounded hover:border-cp-green-500 hover:text-cp-green-500 transition-colors" data-filter="lightning">
-        Lightning
-      </button>
-      <button class="filter-btn px-3 py-1.5 text-xs font-mono border border-cp-dark-400 rounded hover:border-cp-green-500 hover:text-cp-green-500 transition-colors" data-filter="whitepaper">
-        白皮書
-      </button>
-      <button class="filter-btn px-3 py-1.5 text-xs font-mono border border-cp-dark-400 rounded hover:border-cp-green-500 hover:text-cp-green-500 transition-colors" data-filter="ethereum">
-        Ethereum
-      </button>
-    </div>
-
-    <!-- Language Filter -->
-    <div class="flex items-center gap-2">
-      <span class="text-sm text-cp-dark-600 font-mono mr-2">語言：</span>
-      <button class="lang-btn active px-3 py-1.5 text-xs font-mono border border-cp-green-500 text-cp-green-500 rounded transition-colors" data-lang="all">
-        全部
-      </button>
-      <button class="lang-btn px-3 py-1.5 text-xs font-mono border border-cp-dark-400 rounded hover:border-cp-green-500 hover:text-cp-green-500 transition-colors" data-lang="zh">
-        繁中
-      </button>
-      <button class="lang-btn px-3 py-1.5 text-xs font-mono border border-cp-dark-400 rounded hover:border-cp-green-500 hover:text-cp-green-500 transition-colors" data-lang="en">
-        英文
-      </button>
+  {% assign all_products = site.products %}
+  {% assign zh_products = all_products | where: "lang", "zh" %}
+  {% assign en_products = all_products | where: "lang", "en" %}
+
+  <!-- Section 1: 繁體中文翻譯（突出展示） -->
+  <section class="mb-12">
+    <div class="flex items-center justify-between mb-6">
+      <div class="flex items-center gap-3">
+        <div class="w-1 h-8 bg-cp-orange rounded"></div>
+        <div>
+          <h2 class="text-xl font-bold font-mono text-cp-dark-800">繁體中文翻譯</h2>
+          <p class="text-xs text-cp-dark-500 font-mono">Cypherpunks Taiwan 翻譯成果</p>
+        </div>
+      </div>
+      <span class="px-3 py-1 text-sm font-mono bg-cp-orange/20 text-cp-orange rounded">
+        {{ zh_products.size }} 本
+      </span>
     </div>
-  </div>
 
-  <!-- Featured Section: 翻譯書籍 -->
-  <div class="mb-10">
-    <div class="flex items-center gap-3 mb-6">
-      <div class="w-1 h-6 bg-cp-green-500 rounded"></div>
-      <h2 class="text-lg font-bold font-mono text-cp-dark-800">繁體中文翻譯</h2>
-      <span class="px-2 py-0.5 text-xs font-mono bg-cp-green-900/30 text-cp-green-400 rounded">我們翻譯的</span>
+    <!-- 繁中翻譯卡片 Grid - 一行 3-4 個 -->
+    <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4">
+      {% for product in zh_products %}
+        {% include product-card.html product=product %}
+      {% endfor %}
     </div>
-
-    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
-      <a href="https://mastering-bitcoin.doge.tg/" target="_blank" class="card p-4 hover:border-cp-green-500 transition-colors group">
-        <div class="flex items-start gap-3">
-          <div class="w-10 h-10 rounded bg-cp-green-900/30 flex items-center justify-center text-cp-green-500 shrink-0">
-            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/>
-            </svg>
-          </div>
-          <div>
-            <h3 class="font-mono font-bold text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">Mastering Bitcoin</h3>
-            <p class="text-xs text-cp-dark-600">精通比特幣 2nd</p>
-          </div>
-        </div>
-      </a>
-
-      <a href="https://bitcoinbook-3nd-zh.doge.tg/" target="_blank" class="card p-4 hover:border-cp-green-500 transition-colors group">
-        <div class="flex items-start gap-3">
-          <div class="w-10 h-10 rounded bg-cp-green-900/30 flex items-center justify-center text-cp-green-500 shrink-0">
-            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/>
-            </svg>
-          </div>
-          <div>
-            <h3 class="font-mono font-bold text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">Mastering Bitcoin 3rd</h3>
-            <p class="text-xs text-cp-dark-600">精通比特幣 3rd ⭐</p>
-          </div>
-        </div>
-      </a>
-
-      <a href="https://programming-bitcoin-zh.doge.tg/" target="_blank" class="card p-4 hover:border-cp-green-500 transition-colors group">
-        <div class="flex items-start gap-3">
-          <div class="w-10 h-10 rounded bg-cp-green-900/30 flex items-center justify-center text-cp-green-500 shrink-0">
-            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"/>
-            </svg>
-          </div>
-          <div>
-            <h3 class="font-mono font-bold text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">Programming Bitcoin</h3>
-            <p class="text-xs text-cp-dark-600">比特幣編程</p>
-          </div>
+  </section>
+
+  <!-- Section 2: 英文原版參考 -->
+  <section class="mb-12">
+    <div class="flex items-center justify-between mb-6">
+      <div class="flex items-center gap-3">
+        <div class="w-1 h-8 bg-gray-500 rounded"></div>
+        <div>
+          <h2 class="text-xl font-bold font-mono text-cp-dark-800">英文原版參考</h2>
+          <p class="text-xs text-cp-dark-500 font-mono">推薦的英文學習資源</p>
         </div>
-      </a>
-
-      <a href="https://lnbook-zh.doge.tg/" target="_blank" class="card p-4 hover:border-cp-green-500 transition-colors group">
-        <div class="flex items-start gap-3">
-          <div class="w-10 h-10 rounded bg-yellow-900/30 flex items-center justify-center text-yellow-500 shrink-0">
-            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
-            </svg>
-          </div>
-          <div>
-            <h3 class="font-mono font-bold text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">Mastering Lightning</h3>
-            <p class="text-xs text-cp-dark-600">精通閃電網路</p>
-          </div>
-        </div>
-      </a>
-
-      <a href="https://the-blocksize-war.doge.tg/" target="_blank" class="card p-4 hover:border-cp-green-500 transition-colors group">
-        <div class="flex items-start gap-3">
-          <div class="w-10 h-10 rounded bg-red-900/30 flex items-center justify-center text-red-500 shrink-0">
-            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
-            </svg>
-          </div>
-          <div>
-            <h3 class="font-mono font-bold text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">The Blocksize War</h3>
-            <p class="text-xs text-cp-dark-600">區塊大小之戰</p>
-          </div>
-        </div>
-      </a>
+      </div>
+      <span class="px-3 py-1 text-sm font-mono bg-gray-500/20 text-gray-400 rounded">
+        {{ en_products.size }} 本
+      </span>
     </div>
-  </div>
 
-  <!-- All Products Grid -->
-  <div class="mb-6">
-    <div class="flex items-center gap-3 mb-6">
-      <div class="w-1 h-6 bg-cp-dark-500 rounded"></div>
-      <h2 class="text-lg font-bold font-mono text-cp-dark-800">所有資源</h2>
+    <!-- 英文版卡片 Grid -->
+    <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4">
+      {% for product in en_products %}
+        {% include product-card.html product=product %}
+      {% endfor %}
     </div>
-  </div>
-
-  {% assign sorted_products = site.products | sort: page.sort %}
-
-  <div id="products-container" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-5">
-    {% for product in sorted_products %}
-
-    {% comment %} Determine category {% endcomment %}
-    {% assign category = "other" %}
-    {% assign title_lower = product.title | downcase %}
-    {% assign subtitle_lower = product.subtitle | downcase %}
-
-    {% if title_lower contains "white paper" or title_lower contains "whitepaper" or subtitle_lower contains "白皮書" %}
-      {% assign category = "whitepaper" %}
-    {% elsif title_lower contains "lightning" or subtitle_lower contains "閃電" %}
-      {% assign category = "lightning" %}
-    {% elsif title_lower contains "ethereum" or subtitle_lower contains "以太" %}
-      {% assign category = "ethereum" %}
-    {% elsif title_lower contains "bitcoin" or subtitle_lower contains "比特幣" %}
-      {% assign category = "bitcoin" %}
-    {% endif %}
-
-    {% comment %} Determine language {% endcomment %}
-    {% assign lang = "en" %}
-    {% if product.price contains "繁中" or product.price contains "Chinese" %}
-      {% assign lang = "zh" %}
-    {% endif %}
-
-    <article class="card group overflow-hidden product-card transition-all duration-300 hover:translate-y-[-2px] hover:border-cp-green-500/50"
-             data-category="{{ category }}"
-             data-lang="{{ lang }}">
-      <a href="{{ product.url | relative_url }}" class="block h-full">
-        <!-- Image Container -->
-        <div class="relative overflow-hidden bg-cp-dark-200">
-          {% if product.image %}
-          <div class="aspect-[4/3] flex items-center justify-center p-4 bg-gradient-to-b from-cp-dark-100 to-cp-dark-200">
-            <img
-              src="{{ product.image | relative_url }}"
-              alt="{{ product.title }}"
-              class="max-w-full max-h-full object-contain transition-transform duration-500 group-hover:scale-105"
-              loading="lazy"
-            >
-          </div>
-          {% else %}
-          <div class="aspect-[4/3] flex items-center justify-center bg-cp-dark-200">
-            <svg class="w-16 h-16 text-cp-dark-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/>
-            </svg>
+  </section>
+
+  <!-- 快速連結區 -->
+  <section class="mb-12 p-6 card bg-gradient-to-r from-cp-dark-100 to-cp-dark">
+    <h3 class="text-lg font-bold font-mono text-cp-green-500 mb-4">繁體中文翻譯 - 直接閱讀</h3>
+    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
+      {% for product in zh_products %}
+        {% if product.read_url %}
+        <a href="{{ product.read_url }}" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 p-3 rounded bg-cp-dark-200/50 hover:bg-cp-dark-200 transition-colors group">
+          <span class="text-cp-green-500 group-hover:translate-x-1 transition-transform">→</span>
+          <div class="flex-1 min-w-0">
+            <div class="text-sm font-mono text-cp-dark-700 truncate">{{ product.subtitle }}</div>
+            <div class="text-xs text-cp-dark-500 truncate">{{ product.author }}</div>
           </div>
-          {% endif %}
-
-          <!-- Category Badge -->
-          <span class="absolute top-2 left-2 px-2 py-0.5 text-[10px] font-mono rounded
-            {% if category == 'whitepaper' %}bg-purple-900/80 text-purple-300 border border-purple-700/50
-            {% elsif category == 'lightning' %}bg-yellow-900/80 text-yellow-300 border border-yellow-700/50
-            {% elsif category == 'ethereum' %}bg-blue-900/80 text-blue-300 border border-blue-700/50
-            {% elsif category == 'bitcoin' %}bg-orange-900/80 text-orange-300 border border-orange-700/50
-            {% else %}bg-cp-dark/80 text-cp-dark-600 border border-cp-dark-400{% endif %}">
-            {% if category == 'whitepaper' %}白皮書
-            {% elsif category == 'lightning' %}Lightning
-            {% elsif category == 'ethereum' %}Ethereum
-            {% elsif category == 'bitcoin' %}Bitcoin
-            {% else %}Other{% endif %}
-          </span>
-
-          <!-- Language Badge -->
-          <span class="absolute top-2 right-2 px-2 py-0.5 text-[10px] font-mono bg-cp-dark/80 text-cp-dark-600 border border-cp-dark-400 rounded">
-            {% if lang == 'zh' %}繁中{% else %}EN{% endif %}
-          </span>
-        </div>
-
-        <!-- Content -->
-        <div class="p-4">
-          <h2 class="text-sm font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-1 line-clamp-1">
-            {{ product.title }}
-          </h2>
-
-          {% if product.subtitle %}
-          <p class="text-xs text-cp-dark-600 line-clamp-1 mb-2">
-            {{ product.subtitle }}
-          </p>
-          {% endif %}
-
-          {% if product.description %}
-          <p class="text-xs text-cp-dark-500 line-clamp-2">
-            {{ product.description | truncate: 60 }}
-          </p>
-          {% endif %}
-        </div>
-      </a>
-    </article>
-    {% endfor %}
-  </div>
-
-  <!-- Empty State -->
-  <div id="empty-state" class="hidden text-center py-16">
-    <svg class="w-16 h-16 text-cp-dark-400 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
-    </svg>
-    <p class="text-cp-dark-600 font-mono">沒有符合條件的資源</p>
-    <button onclick="resetFilters()" class="mt-4 text-cp-green-500 hover:underline font-mono text-sm">
-      清除篩選
-    </button>
-  </div>
+          <svg class="w-4 h-4 text-cp-dark-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
+          </svg>
+        </a>
+        {% endif %}
+      {% endfor %}
+    </div>
+  </section>
 
   <!-- CTA -->
-  <div class="mt-12 text-center p-6 card">
-    <p class="text-cp-dark-600 font-mono mb-4">
-      想要貢獻翻譯或回報問題？
-    </p>
+  <div class="text-center p-6 card">
+    <p class="text-cp-dark-600 font-mono mb-4">想要貢獻翻譯或回報問題？</p>
     <a href="https://github.com/cypherpunks-core" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-cp-green-500 hover:text-cp-green-400 font-mono text-sm">
       <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
         <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.17 6.839 9.49.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.604-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.464-1.11-1.464-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0112 6.836c.85.004 1.705.114 2.504.336 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.167 22 16.418 22 12c0-5.523-4.477-10-10-10z"/>
@@ -277,101 +99,3 @@ <h2 class="text-sm font-bold font-mono text-cp-dark-800 group-hover:text-cp-gree
     </a>
   </div>
 </div>
-
-<script>
-document.addEventListener('DOMContentLoaded', function() {
-  const filterBtns = document.querySelectorAll('.filter-btn');
-  const langBtns = document.querySelectorAll('.lang-btn');
-  const cards = document.querySelectorAll('.product-card');
-  const emptyState = document.getElementById('empty-state');
-  const container = document.getElementById('products-container');
-
-  let currentCategory = 'all';
-  let currentLang = 'all';
-
-  function updateDisplay() {
-    let visibleCount = 0;
-
-    cards.forEach(card => {
-      const cardCategory = card.dataset.category;
-      const cardLang = card.dataset.lang;
-
-      const categoryMatch = currentCategory === 'all' || cardCategory === currentCategory;
-      const langMatch = currentLang === 'all' || cardLang === currentLang;
-
-      if (categoryMatch && langMatch) {
-        card.style.display = '';
-        visibleCount++;
-      } else {
-        card.style.display = 'none';
-      }
-    });
-
-    if (visibleCount === 0) {
-      emptyState.classList.remove('hidden');
-      container.classList.add('hidden');
-    } else {
-      emptyState.classList.add('hidden');
-      container.classList.remove('hidden');
-    }
-  }
-
-  // Category filter
-  filterBtns.forEach(btn => {
-    btn.addEventListener('click', function() {
-      currentCategory = this.dataset.filter;
-
-      filterBtns.forEach(b => {
-        b.classList.remove('border-cp-green-500', 'text-cp-green-500', 'active');
-        b.classList.add('border-cp-dark-400');
-      });
-      this.classList.add('border-cp-green-500', 'text-cp-green-500', 'active');
-      this.classList.remove('border-cp-dark-400');
-
-      updateDisplay();
-    });
-  });
-
-  // Language filter
-  langBtns.forEach(btn => {
-    btn.addEventListener('click', function() {
-      currentLang = this.dataset.lang;
-
-      langBtns.forEach(b => {
-        b.classList.remove('border-cp-green-500', 'text-cp-green-500', 'active');
-        b.classList.add('border-cp-dark-400');
-      });
-      this.classList.add('border-cp-green-500', 'text-cp-green-500', 'active');
-      this.classList.remove('border-cp-dark-400');
-
-      updateDisplay();
-    });
-  });
-
-  // Reset filters function
-  window.resetFilters = function() {
-    currentCategory = 'all';
-    currentLang = 'all';
-
-    filterBtns.forEach(b => {
-      b.classList.remove('border-cp-green-500', 'text-cp-green-500', 'active');
-      b.classList.add('border-cp-dark-400');
-      if (b.dataset.filter === 'all') {
-        b.classList.add('border-cp-green-500', 'text-cp-green-500', 'active');
-        b.classList.remove('border-cp-dark-400');
-      }
-    });
-
-    langBtns.forEach(b => {
-      b.classList.remove('border-cp-green-500', 'text-cp-green-500', 'active');
-      b.classList.add('border-cp-dark-400');
-      if (b.dataset.lang === 'all') {
-        b.classList.add('border-cp-green-500', 'text-cp-green-500', 'active');
-        b.classList.remove('border-cp-dark-400');
-      }
-    });
-
-    updateDisplay();
-  };
-});
-</script>
diff --git a/_products/BitcoinWhitePaper.md b/_products/BitcoinWhitePaper.md
index c4e583d2..c9a759ce 100644
--- a/_products/BitcoinWhitePaper.md
+++ b/_products/BitcoinWhitePaper.md
@@ -10,13 +10,11 @@ author: Satoshi Nakamoto
 difficulty: 2
 read_url: https://github.com/cypherpunks-core/bitcoin_whitepaper_zh
 ---
-倉庫位置：[link](https://github.com/cypherpunks-core/bitcoin_whitepaper_zh)
+**[倉庫位置](https://github.com/cypherpunks-core/bitcoin_whitepaper_zh)**
 
 # 比特幣：一種點對點的電子現金系統
 
-[![](https://camo.githubusercontent.com/1099e66da4ee04c645ef4f09139ad6450fb8c594/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2545372542302541312545342542382541442545372542462542422545382541442541462d2545362539442538452545372541432539312545342542452538362d6c69676874677265792e737667)](https://camo.githubusercontent.com/1099e66da4ee04c645ef4f09139ad6450fb8c594/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2545372542302541312545342542382541442545372542462542422545382541442541462d2545362539442538452545372541432539312545342542452538362d6c69676874677265792e737667) [![](https://camo.githubusercontent.com/2b3ad6be3e15423b9dff298129c73d1a1ffb93e6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2545372542392538312545342542382541442545372542462542422545382541442541462d4368656e253230506f2532305765692d626c75652e737667)](https://camo.githubusercontent.com/2b3ad6be3e15423b9dff298129c73d1a1ffb93e6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2545372542392538312545342542382541442545372542462542422545382541442541462d4368656e253230506f2532305765692d626c75652e737667) [![](https://camo.githubusercontent.com/d2f611bfebcda78bf5b158ce3fcd7e56d7b233f3/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2545372542392538312545342542382541442545372542462542422545382541442541462d526f62696e25323050616e2d626c75652e737667)](https://camo.githubusercontent.com/d2f611bfebcda78bf5b158ce3fcd7e56d7b233f3/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2545372542392538312545342542382541442545372542462542422545382541442541462d526f62696e25323050616e2d626c75652e737667)
-
-​作者：中本聰 [satoshin@gmx.com](mailto:satoshin@gmx.com)     [www.bitcoin.org](http://www.bitcoin.org/) 2008.10.31.
+作者：中本聰 [satoshin@gmx.com](mailto:satoshin@gmx.com) | [www.bitcoin.org](http://www.bitcoin.org/) | 2008.10.31
 
 **Abstract.**  A purely peer-to-peer version of electronic cash would allow online payments to be sent directly from one party to another without going through a financial institution. Digital signatures provide part of the solution, but the main benefits are lost if a trusted third party is still required to prevent double-spending. We propose a solution to the double-spending problem using a peer-to-peer network. The network timestamps transactions by hashing them into an ongoing chain of hash-based proof-of-work, forming a record that cannot be changed without redoing the proof-of-work. The longest chain not only serves as proof of the sequence of events witnessed, but proof that it came from the largest pool of CPU power. As long as a majority of CPU power is controlled by nodes that are not cooperating to attack the network, they'll generate the longest chain and outpace attackers. The network itself requires minimal structure. Messages are broadcast on a best effort basis, and nodes can leave and rejoin the network at will, accepting the longest proof-of-work chain as proof of what happened while they were gone.
 
diff --git a/_products/BlockchainGuide.md b/_products/BlockchainGuide.md
index 70c2c21d..2780539c 100644
--- a/_products/BlockchainGuide.md
+++ b/_products/BlockchainGuide.md
@@ -15,8 +15,6 @@ read_url: https://poweichen.gitbook.io/blockchain-guide-zh/
 
 # 區塊鏈技術指南 - 繁中
 
-[![https://github.com/yeasy/blockchain_guide](https://camo.githubusercontent.com/49ed66c91838171b4c4ced0386b220f1332fa7c5/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56657273696f6e2d312e312e382d626c75652e737667)](https://camo.githubusercontent.com/49ed66c91838171b4c4ced0386b220f1332fa7c5/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56657273696f6e2d312e312e382d626c75652e737667) [![](https://camo.githubusercontent.com/23ff8d0666e35665a64014eb8d0c2d00b69a91dc/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c616e67756167652d547261646974696f6e616c2532304368696e6573652d6f72616e67652e737667)](https://camo.githubusercontent.com/23ff8d0666e35665a64014eb8d0c2d00b69a91dc/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c616e67756167652d547261646974696f6e616c2532304368696e6573652d6f72616e67652e737667) [![https://github.com/yeasy](https://camo.githubusercontent.com/837495fb0955405dfd35f891d92636e580a2750c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f417574686f722d42616f68756125323059616e672d79656c6c6f77677265656e2e737667)](https://camo.githubusercontent.com/837495fb0955405dfd35f891d92636e580a2750c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f417574686f722d42616f68756125323059616e672d79656c6c6f77677265656e2e737667) [![https://github.com/ChenPoWei](https://camo.githubusercontent.com/68b6076a9df0d967e2523fe2ae4b5f25e61b0511/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5472616e736c61746f722d4368656e253230506f2532305765692d626c75652e737667)](https://camo.githubusercontent.com/68b6076a9df0d967e2523fe2ae4b5f25e61b0511/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5472616e736c61746f722d4368656e253230506f2532305765692d626c75652e737667)
-
 
 區塊鏈技術是現代金融科技（Fintech）領域的一項重要技術創新。
 
diff --git a/_products/EthereumWhitePaper.md b/_products/EthereumWhitePaper.md
index 5748bed7..27534d03 100644
--- a/_products/EthereumWhitePaper.md
+++ b/_products/EthereumWhitePaper.md
@@ -11,7 +11,6 @@ difficulty: 3
 read_url: https://github.com/cypherpunks-core/ethereumbook_zh
 ---
 
-[![](https://camo.githubusercontent.com/4f1117e2053b40e6e6d83d171ea56ad53230d8f4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2545372542302541312545342542382541442545372542462542422545382541442541462d2545352542372541382545382539462542392532302545332538302538312545352542302539312545352542392542332d6c69676874677265792e737667)](https://camo.githubusercontent.com/4f1117e2053b40e6e6d83d171ea56ad53230d8f4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2545372542302541312545342542382541442545372542462542422545382541442541462d2545352542372541382545382539462542392532302545332538302538312545352542302539312545352542392542332d6c69676874677265792e737667) [![](https://camo.githubusercontent.com/2b3ad6be3e15423b9dff298129c73d1a1ffb93e6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2545372542392538312545342542382541442545372542462542422545382541442541462d4368656e253230506f2532305765692d626c75652e737667)](https://camo.githubusercontent.com/2b3ad6be3e15423b9dff298129c73d1a1ffb93e6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2545372542392538312545342542382541442545372542462542422545382541442541462d4368656e253230506f2532305765692d626c75652e737667)
 
 # 以太坊（Ethereum ）:下一代智慧合約和去中心化應用平臺
 
@@ -359,9 +358,7 @@ BLK_LIMIT_FACTOR 和 EMA_FACTOR 是暫且被設為 65536 和 1.5 的常數，但
 
 永久線性增長模型降低了在比特幣中出現的財富過於集中的風險，並且給予了活在當下和將來的人公平的機會去獲取貨幣，同時保持了對獲取和持有以太幣的激勵，因為長期來看“貨幣供應增長率”是趨於零的。我們還推斷，隨著時間流逝總會發生因為粗心和死亡等原因帶來的幣的遺失，假設幣的遺失是每年貨幣供應量的一個固定比例，則最終總的流通中的貨幣供應量會穩定在一個等於年貨幣發行量除以遺失率的值上（例如，當遺失率為1%時，當供應量達到30x時，每年有0.3x被挖出同時有0.3x丟失，達到一個均衡）。
 
-[![](https://camo.githubusercontent.com/3b6cf49b155b75e3f42b60c59525c088c43e6d45/687474703a2f2f626974636f696e386274632e71696e6975646e2e636f6d2f77702d636f6e74656e742f75706c6f6164732f323031342f31302f7461626c652e706e67)](https://camo.githubusercontent.com/3b6cf49b155b75e3f42b60c59525c088c43e6d45/687474703a2f2f626974636f696e386274632e71696e6975646e2e636f6d2f77702d636f6e74656e742f75706c6f6164732f323031342f31302f7461626c652e706e67)除了線性的發行方式外，和比特幣一樣以太幣的的供應量增長率長期來看也趨於零。
-
-[![](https://camo.githubusercontent.com/9a845e2a13f9d9d26acb34eb18f37ddfadbb1626/687474703a2f2f626974636f696e386274632e71696e6975646e2e636f6d2f77702d636f6e74656e742f75706c6f6164732f323031342f31302f737570706c792e706e67)](https://camo.githubusercontent.com/9a845e2a13f9d9d26acb34eb18f37ddfadbb1626/687474703a2f2f626974636f696e386274632e71696e6975646e2e636f6d2f77702d636f6e74656e742f75706c6f6164732f323031342f31302f737570706c792e706e67)
+除了線性的發行方式外，和比特幣一樣以太幣的的供應量增長率長期來看也趨於零。
 
 ### 挖礦的中心化
 
diff --git a/_products/LightningNetworkWhitePaper.md b/_products/LightningNetworkWhitePaper.md
index 71f7a44f..fb1dd4f8 100644
--- a/_products/LightningNetworkWhitePaper.md
+++ b/_products/LightningNetworkWhitePaper.md
@@ -13,7 +13,6 @@ read_url: https://github.com/cypherpunks-core/lightning_network_whitepaper_zh
 
 # 比特幣閃電網路：可擴展的 off-chain 即時支付  The Bitcoin Lightning Network: Scalable Off-Chain Instant Payments
 
-[![https://github.com/ChenPoWei](https://camo.githubusercontent.com/68b6076a9df0d967e2523fe2ae4b5f25e61b0511/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5472616e736c61746f722d4368656e253230506f2532305765692d626c75652e737667)](https://camo.githubusercontent.com/68b6076a9df0d967e2523fe2ae4b5f25e61b0511/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5472616e736c61746f722d4368656e253230506f2532305765692d626c75652e737667)
 
 Joseph Poon [joseph@lightning.network](mailto:joseph@lightning.network)
 
diff --git a/_products/MasteringBitcoin.md b/_products/MasteringBitcoin.md
index 76ea7076..f818916e 100644
--- a/_products/MasteringBitcoin.md
+++ b/_products/MasteringBitcoin.md
@@ -15,7 +15,6 @@ read_url: https://mastering-bitcoin.doge.tg/
 
 # Mastering Bitcoin 2nd Edition - 繁中
 
-[![](https://camo.githubusercontent.com/ad694d78f6e17b477b867400854bc97b07fdb1e3/68747470733a2f2f7472617669732d63692e6f72672f63797068657270756e6b732d636f72652f626974636f696e626f6f6b5f326e645f7a682e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/cypherpunks-core/bitcoinbook_2nd_zh) [![](https://camo.githubusercontent.com/23ff8d0666e35665a64014eb8d0c2d00b69a91dc/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c616e67756167652d547261646974696f6e616c2532304368696e6573652d6f72616e67652e737667)](https://camo.githubusercontent.com/23ff8d0666e35665a64014eb8d0c2d00b69a91dc/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c616e67756167652d547261646974696f6e616c2532304368696e6573652d6f72616e67652e737667) [![https://github.com/aantonop](https://camo.githubusercontent.com/a0fd66f42bfdf4a4437054a894bab998e07362c2/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f417574686f722d61616e746f6e6f702d79656c6c6f77677265656e2e737667)](https://camo.githubusercontent.com/a0fd66f42bfdf4a4437054a894bab998e07362c2/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f417574686f722d61616e746f6e6f702d79656c6c6f77677265656e2e737667)
 
 本書主要面向開發人員，前兩章對比特幣的介紹也適用於非開發人員。任何對技術有基本瞭解的人都可以閱讀前兩章，以深入瞭解比特幣。
 
@@ -25,5 +24,4 @@ read_url: https://mastering-bitcoin.doge.tg/
 
 The tags, [second_edition_print_1](https://github.com/bitcoinbook/bitcoinbook/releases/tag/second_edition_print_1) and  [second_edition_print2](https://github.com/bitcoinbook/bitcoinbook/releases/tag/second_edition_print2), correspond to the first (June 8th 2017) and second (July 20th 2017) print of Mastering Bitcoin (Second Edition), as published by O'Reilly Media.
 
-[![Creative Commons License](https://camo.githubusercontent.com/e170e276291254896665fa8f612b99fe5b7dd005/68747470733a2f2f692e6372656174697665636f6d6d6f6e732e6f72672f6c2f62792d73612f342e302f38387833312e706e67)](http://creativecommons.org/licenses/by-sa/4.0/)
 Mastering Bitcoin - Second Edition by [Andreas M. Antonopoulos LLC](https://antonopoulos.com/) is licensed under a [Creative Commons Attribution-ShareAlike 4.0 International License](http://creativecommons.org/licenses/by-sa/4.0/). 
\ No newline at end of file
diff --git a/_products/MasteringEthereum.md b/_products/MasteringEthereum.md
index 250de661..aa60dd41 100644
--- a/_products/MasteringEthereum.md
+++ b/_products/MasteringEthereum.md
@@ -15,7 +15,6 @@ read_url: https://cypherpunks-core.github.io/ethereumbook_zh/
 
 # Mastering Ethereum - 繁中
 
-[![](https://camo.githubusercontent.com/23ff8d0666e35665a64014eb8d0c2d00b69a91dc/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c616e67756167652d547261646974696f6e616c2532304368696e6573652d6f72616e67652e737667)](https://camo.githubusercontent.com/23ff8d0666e35665a64014eb8d0c2d00b69a91dc/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c616e67756167652d547261646974696f6e616c2532304368696e6573652d6f72616e67652e737667) [![](https://camo.githubusercontent.com/a0fd66f42bfdf4a4437054a894bab998e07362c2/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f417574686f722d61616e746f6e6f702d79656c6c6f77677265656e2e737667)](https://github.com/aantonop) [![](https://camo.githubusercontent.com/60838ea09bfd18d1f4806ffd4d6fe77d0b4590ca/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5472616e736c61746f722d696e6f7574636f64652d6c69676874677265792e737667)](https://github.com/inoutcode)[![](https://camo.githubusercontent.com/b720fa89b737ac01a67f2a65d4bbfe8443ccc88a/68747470733a2f2f7472617669732d63692e6f72672f63797068657270756e6b732d636f72652f657468657265756d626f6f6b5f7a682e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/cypherpunks-core/ethereumbook_zh)
 
 ## Source and license
 
@@ -23,7 +22,6 @@ The [first edition](https://github.com/ethereumbook/ethereumbook/tree/first_edi
 
 Mastering Ethereum is released under the Creative Commons CC-BY-NC-ND license, which allows sharing the source code for personal use only. You may read this book for free. You may not create derivatives (such as PDF copies), or distribute the book commercially. The full terms of the license can be found here:
 
-[![Creative Commons License](https://camo.githubusercontent.com/777429797f9180579ed59a4f95d148a0c213dfa8/68747470733a2f2f692e6372656174697665636f6d6d6f6e732e6f72672f6c2f62792d6e632d6e642f342e302f38387833312e706e67)](https://creativecommons.org/licenses/by-nc-nd/4.0/)
 
 Mastering Ethereum by [The Ethereum Book LLC and Gavin Wood](https://antonopoulos.com/) is licensed under a [Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License](http://creativecommons.org/licenses/by-nc-nd/4.0/).
 
diff --git a/archive.html b/archive.html
new file mode 100644
index 00000000..c93b3b35
--- /dev/null
+++ b/archive.html
@@ -0,0 +1,158 @@
+---
+layout: default
+title: 歸檔
+permalink: /archive/
+---
+
+<div class="max-w-4xl mx-auto">
+  <!-- Page Header -->
+  <header class="mb-12 text-center">
+    <h1 class="text-4xl md:text-5xl font-bold font-mono text-cp-green-500 mb-4">
+      <span class="text-cp-dark-500">&gt;</span> 歸檔
+    </h1>
+    <p class="text-lg text-cp-dark-600 font-mono">
+      所有文章的時間軸
+    </p>
+  </header>
+
+  <!-- Stats -->
+  <div class="card p-6 mb-12">
+    <div class="grid grid-cols-2 md:grid-cols-4 gap-6 text-center">
+      <div>
+        <div class="text-3xl font-bold text-cp-green-500 font-mono">{{ site.posts.size }}</div>
+        <div class="text-sm text-cp-dark-600 font-mono">文章總數</div>
+      </div>
+      <div>
+        <div class="text-3xl font-bold text-cp-green-500 font-mono">{{ site.tags | size }}</div>
+        <div class="text-sm text-cp-dark-600 font-mono">標籤數</div>
+      </div>
+      <div>
+        <div class="text-3xl font-bold text-cp-green-500 font-mono">{{ site.categories | size }}</div>
+        <div class="text-sm text-cp-dark-600 font-mono">分類數</div>
+      </div>
+      <div>
+        {% assign total_words = 0 %}
+        {% for post in site.posts %}
+          {% assign post_words = post.content | number_of_words %}
+          {% assign total_words = total_words | plus: post_words %}
+        {% endfor %}
+        {% assign total_words_k = total_words | divided_by: 1000 %}
+        <div class="text-3xl font-bold text-cp-green-500 font-mono">{{ total_words_k }}K</div>
+        <div class="text-sm text-cp-dark-600 font-mono">總字數</div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Year Filter -->
+  <div class="flex flex-wrap gap-2 mb-8">
+    <span class="text-sm text-cp-dark-600 font-mono mr-2">年份：</span>
+    {% assign years = site.posts | group_by_exp: "post", "post.date | date: '%Y'" %}
+    {% for year in years %}
+    <a href="#{{ year.name }}" class="px-3 py-1 text-sm font-mono bg-cp-dark-200 text-cp-dark-700 hover:bg-cp-green-500/20 hover:text-cp-green-500 border border-cp-dark-300 hover:border-cp-green-500 rounded transition-all">
+      {{ year.name }}
+      <span class="text-cp-dark-500">({{ year.items.size }})</span>
+    </a>
+    {% endfor %}
+  </div>
+
+  <!-- Timeline -->
+  <div class="relative">
+    <!-- Timeline Line -->
+    <div class="absolute left-4 md:left-8 top-0 bottom-0 w-px bg-cp-dark-300"></div>
+
+    {% assign posts_by_year = site.posts | group_by_exp: "post", "post.date | date: '%Y'" %}
+
+    {% for year in posts_by_year %}
+    <section id="{{ year.name }}" class="relative mb-12 scroll-mt-24">
+      <!-- Year Marker -->
+      <div class="flex items-center gap-4 mb-6 relative">
+        <div class="w-8 md:w-16 h-8 flex items-center justify-center bg-cp-green-500 text-cp-dark-100 font-mono font-bold rounded relative z-10">
+          {{ year.name }}
+        </div>
+        <span class="text-sm text-cp-dark-500 font-mono">{{ year.items.size }} 篇文章</span>
+      </div>
+
+      <!-- Posts by Month -->
+      {% assign posts_by_month = year.items | group_by_exp: "post", "post.date | date: '%m'" %}
+
+      {% for month in posts_by_month %}
+      <div class="ml-8 md:ml-16 mb-8">
+        <!-- Month Header -->
+        <div class="flex items-center gap-3 mb-4">
+          <div class="w-3 h-3 rounded-full bg-cp-green-500/50 border-2 border-cp-green-500 relative -ml-[1.125rem] md:-ml-[2.125rem]"></div>
+          <h3 class="text-lg font-mono text-cp-green-400">
+            {% assign month_num = month.name | plus: 0 %}
+            {% case month_num %}
+              {% when 1 %}一月
+              {% when 2 %}二月
+              {% when 3 %}三月
+              {% when 4 %}四月
+              {% when 5 %}五月
+              {% when 6 %}六月
+              {% when 7 %}七月
+              {% when 8 %}八月
+              {% when 9 %}九月
+              {% when 10 %}十月
+              {% when 11 %}十一月
+              {% when 12 %}十二月
+            {% endcase %}
+          </h3>
+          <span class="text-sm text-cp-dark-500 font-mono">({{ month.items.size }})</span>
+        </div>
+
+        <!-- Posts List -->
+        <div class="space-y-3 ml-4">
+          {% for post in month.items %}
+          <article class="card p-4 group border-l-2 border-transparent hover:border-cp-green-500 transition-colors">
+            <a href="{{ post.url | relative_url }}" class="block">
+              <div class="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4">
+                <time datetime="{{ post.date | date_to_xmlschema }}" class="text-sm font-mono text-cp-dark-500 sm:w-20 flex-shrink-0">
+                  {{ post.date | date: "%m-%d" }}
+                </time>
+                <h4 class="font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors flex-grow">
+                  {{ post.title }}
+                </h4>
+                {% if post.category %}
+                <span class="text-xs font-mono text-cp-green-600 bg-cp-green-500/10 px-2 py-0.5 rounded flex-shrink-0 hidden sm:inline-block">
+                  {{ post.category }}
+                </span>
+                {% endif %}
+              </div>
+
+              {% if post.tags.size > 0 %}
+              <div class="flex flex-wrap gap-2 mt-2 sm:ml-24">
+                {% for tag in post.tags limit:3 %}
+                <span class="text-xs font-mono text-cp-dark-500">
+                  <span class="text-cp-green-600">#</span>{{ tag }}
+                </span>
+                {% endfor %}
+              </div>
+              {% endif %}
+            </a>
+          </article>
+          {% endfor %}
+        </div>
+      </div>
+      {% endfor %}
+    </section>
+    {% endfor %}
+  </div>
+
+  <!-- End of Timeline -->
+  <div class="relative ml-4 md:ml-8 pt-4">
+    <div class="w-4 h-4 rounded-full bg-cp-dark-300 border-2 border-cp-dark-400 relative -ml-2"></div>
+    <p class="text-center text-cp-dark-500 font-mono text-sm mt-4">
+      這是時間的起點 ...
+    </p>
+  </div>
+
+  <!-- Back to Top -->
+  <div class="text-center mt-12">
+    <a href="#" class="inline-flex items-center gap-2 text-cp-dark-600 hover:text-cp-green-500 font-mono transition-colors">
+      <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"/>
+      </svg>
+      返回頂部
+    </a>
+  </div>
+</div>
diff --git a/assets/css/app.css b/assets/css/app.css
index 183c6668..871bb520 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -1,3 +1,3 @@
 *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
 
-/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Noto Sans TC,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--color-bg:#f8f9fa;--color-text:#1a1a1a;--color-primary:#0c0}.dark{--color-bg:#0a0a0a;--color-text:#c9d1d9;--color-primary:#4ade80}html{scroll-behavior:smooth}body{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1));font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:is(.dark *){--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1))}body{font-feature-settings:"liga" 1,"calt" 1}::-moz-selection{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}::selection{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1))}::-webkit-scrollbar-thumb{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}:focus-visible{outline-width:2px;outline-offset:2px;outline-color:#22c55e}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a{color:rgb(34 197 94/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}a,a:hover{--tw-text-opacity:1}a:hover{color:rgb(74 222 128/var(--tw-text-opacity,1));text-shadow:0 0 6px rgba(74,222,128,.3)}a:focus-visible{border-radius:.25rem;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#0a0a0a}h1,h2,h3,h4,h5,h6{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:700;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}code{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));padding:.125rem .375rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1));border-width:1px;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}code,pre{font-size:.875rem;line-height:1.25rem;--tw-border-opacity:1}pre{overflow-x:auto;border-radius:.5rem;border-width:1px;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));margin-top:1.5rem;margin-bottom:1.5rem;line-height:1.625}pre code{border-width:0;background-color:transparent;padding:0;--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1));display:block}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:#c9d1d9;max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e;text-decoration:underline;font-weight:500}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#4ade80}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:""}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:""}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders);color:#c9d1d9}.prose-invert :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e}.prose-invert :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#4ade80;text-shadow:0 0 6px rgba(74,222,128,.3)}.prose-invert :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80}.prose-invert :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e}.prose-invert :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e}.prose-invert :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80}.prose-invert :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80}.prose-invert :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80;background-color:#161b22;padding:.25rem .5rem;border-radius:.25rem}.prose-invert :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;padding:0}.prose-invert :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:#0d1117;border:1px solid #30363d}.prose-invert :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:#16a34a;color:#8b949e}.prose-invert :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:#30363d}.prose-invert :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:#22c55e}.prose-invert :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:#22c55e}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background-color:hsla(0,0%,4%,.95);--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.navbar-item{padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.navbar-item:hover{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.navbar-item.is-active{border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.hero{position:relative;display:flex;min-height:60vh;overflow:hidden;background-color:transparent}.btn,.hero{align-items:center;justify-content:center}.btn{display:inline-flex;padding:.75rem 1.5rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border-radius:.25rem;border-width:1px}.btn-primary{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.btn-primary:hover{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1));--tw-shadow:0 0 6px rgba(74,222,128,.3),0 0 12px rgba(74,222,128,.15);--tw-shadow-colored:0 0 6px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-outline{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));background-color:transparent;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.btn-outline:hover{background-color:rgba(34,197,94,.1);--tw-shadow:0 0 6px rgba(74,222,128,.3),0 0 12px rgba(74,222,128,.15);--tw-shadow-colored:0 0 6px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card:hover{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1));--tw-shadow:0 0 6px rgba(74,222,128,.3),0 0 12px rgba(74,222,128,.15);--tw-shadow-colored:0 0 6px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-header{border-bottom-width:1px;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.card-footer,.card-header{--tw-border-opacity:1;padding:1rem}.card-footer{border-top-width:1px;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.tag{display:inline-flex;align-items:center;padding:.25rem .75rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem;line-height:1rem;font-weight:500;--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1));border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tag:hover{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));background-color:rgba(34,197,94,.1)}.sidebar{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));padding:1rem}.sidebar-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1));border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));padding-bottom:.5rem}.footer{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));margin-top:auto;padding-top:2rem;padding-bottom:2rem}.content{max-width:65ch}.content :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.content :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.content :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration:underline;font-weight:500}.content :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.content :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.content :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.content :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.content :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.content :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.content :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.content :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.content :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.content :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.content :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.content :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.content :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.content :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.content :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.content :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.content :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.content :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.content :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.content :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.content :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.content :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.content :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.content :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.content :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.content :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.content :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.content :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.content :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.content :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:""}.content :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:""}.content :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.content :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.content :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.content :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){border-width:0;border-radius:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.content :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.content :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.content :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.content :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.content :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.content :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.content :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.content :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.content :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.content :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.content :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.content :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.content :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.content{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.content :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.content :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.content :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.content :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.content :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.content :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.content :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.content :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.content :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.content :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.content :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.content :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.content :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.content :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.content :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.content :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.content :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.content :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.content :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.content :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.content :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.content :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.content :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.content :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.content{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders);color:#c9d1d9}.content :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e}.content :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#4ade80;text-shadow:0 0 6px rgba(74,222,128,.3)}.content :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80}.content :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e}.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e}.content :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80}.content :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80}.content :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80;background-color:#161b22;padding:.25rem .5rem;border-radius:.25rem}.content :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;padding:0}.content :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:#0d1117;border:1px solid #30363d}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:#16a34a;color:#8b949e}.content :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:#30363d}.content :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:#22c55e}.content :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:#22c55e}.content{max-width:none}.content :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.content :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1));text-decoration-line:none}.content :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))):hover{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.content :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.content :is(:where(pre):not(:where([class~=not-prose],[class~=not-prose] *))){border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1))}.content :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-border-opacity:1;border-left-color:rgb(22 163 74/var(--tw-border-opacity,1))}.content :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.pagination{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.pagination-item{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1));border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.pagination-item:hover{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.pagination-item.is-current,.pagination-item:hover{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.pagination-item.is-current{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.input{width:100%;padding:.5rem 1rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1));border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.input:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.input::-moz-placeholder{--tw-text-opacity:1;color:rgb(110 118 129/var(--tw-text-opacity,1))}.input::placeholder{--tw-text-opacity:1;color:rgb(110 118 129/var(--tw-text-opacity,1))}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:.25rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));min-width:200px;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);visibility:hidden;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dropdown.is-active .dropdown-menu,.dropdown:hover .dropdown-menu{visibility:visible;opacity:1}.dropdown-item{display:block;padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1))}.dropdown-item:hover{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.admonition{margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.5rem;border-left-width:4px;padding:1rem;--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1))}.admonition-title{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.25rem;font-weight:700}.admonition-content{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}.admonition-content p:last-child{margin-bottom:0}.admonition.note{--tw-border-opacity:1;border-left-color:rgb(59 130 246/var(--tw-border-opacity,1));background-color:rgba(59,130,246,.05)}.admonition.note .admonition-title{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.admonition.tip{--tw-border-opacity:1;border-left-color:rgb(34 197 94/var(--tw-border-opacity,1));background-color:rgba(34,197,94,.05)}.admonition.tip .admonition-title{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.admonition.warning{--tw-border-opacity:1;border-left-color:rgb(245 158 11/var(--tw-border-opacity,1));background-color:rgba(245,158,11,.05)}.admonition.warning .admonition-title{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.admonition.danger{--tw-border-opacity:1;border-left-color:rgb(239 68 68/var(--tw-border-opacity,1));background-color:rgba(239,68,68,.05)}.admonition.danger .admonition-title{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.admonition.info{--tw-border-opacity:1;border-left-color:rgb(6 182 212/var(--tw-border-opacity,1));background-color:rgba(6,182,212,.05)}.admonition.info .admonition-title{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.katex-display>.katex{font-size:1.125rem;line-height:1.75rem}.katex{font-size:1.1em}.katex:not(.katex-display .katex){padding-left:.25rem;padding-right:.25rem}.katex .mbin,.katex .mclose,.katex .minner,.katex .mopen,.katex .mord,.katex .mpunct,.katex .mrel{color:#e5e7eb}.katex .mathnormal{color:#a5d6ff}.katex .mop{color:#79c0ff}pre.mermaid{border-width:0;background-color:transparent;padding:0}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cs{color:#8b949e;font-style:italic}.highlight .k,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#ff7b72}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx{color:#a5d6ff}.highlight .n{color:#c9d1d9}.highlight .no{color:#79c0ff}.highlight .p{color:#c9d1d9}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#79c0ff}.highlight .err{color:#f85149}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-2{top:.5rem}.top-24{top:6rem}.top-4{top:1rem}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.\!m-0{margin:0!important}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-ml-2{margin-left:-.5rem}.-ml-\[1\.125rem\]{margin-left:-1.125rem}.-mt-0\.5{margin-top:-.125rem}.-mt-8{margin-top:-2rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[60vh\]{max-height:60vh}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-36{width:9rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[200px\]{min-width:200px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-bounce{animation:bounce 1s infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.scroll-mt-24{scroll-margin-top:6rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-cp-dark-400>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(48 54 61/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.\!border-none{border-style:none!important}.border-cp-dark-300{--tw-border-opacity:1;border-color:rgb(33 38 45/var(--tw-border-opacity,1))}.border-cp-dark-400{--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.border-cp-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-cp-green-500\/50{border-color:rgba(34,197,94,.5)}.border-cp-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.border-cp-green-700{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.\!bg-transparent{background-color:transparent!important}.bg-cp-dark{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.bg-cp-dark-100{--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1))}.bg-cp-dark-200{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1))}.bg-cp-dark-200\/50{background-color:rgba(22,27,34,.5)}.bg-cp-dark-300{--tw-bg-opacity:1;background-color:rgb(33 38 45/var(--tw-bg-opacity,1))}.bg-cp-dark-400{--tw-bg-opacity:1;background-color:rgb(48 54 61/var(--tw-bg-opacity,1))}.bg-cp-dark\/80{background-color:hsla(0,0%,4%,.8)}.bg-cp-dark\/95{background-color:hsla(0,0%,4%,.95)}.bg-cp-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-cp-green-500\/10{background-color:rgba(34,197,94,.1)}.bg-cp-green-500\/20{background-color:rgba(34,197,94,.2)}.bg-cp-green-500\/30{background-color:rgba(34,197,94,.3)}.bg-cp-green-500\/50{background-color:rgba(34,197,94,.5)}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-500\/20{background-color:hsla(220,9%,46%,.2)}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-cp-dark{--tw-gradient-from:#0a0a0a var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,4%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cp-dark-100{--tw-gradient-from:#0d1117 var(--tw-gradient-from-position);--tw-gradient-to:rgba(13,17,23,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cp-dark-200{--tw-gradient-from:#161b22 var(--tw-gradient-from-position);--tw-gradient-to:rgba(22,27,34,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-cp-dark{--tw-gradient-to:hsla(0,0%,4%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0a0a0a var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-cp-dark{--tw-gradient-to:#0a0a0a var(--tw-gradient-to-position)}.to-cp-dark-100{--tw-gradient-to:#0d1117 var(--tw-gradient-to-position)}.to-cp-dark-300{--tw-gradient-to:#21262d var(--tw-gradient-to-position)}.bg-grid{background-size:50px 50px}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:0!important}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-6{padding-bottom:1.5rem}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-\[15vh\]{padding-top:15vh}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-7xl{font-size:4.5rem;line-height:1}.text-\[0\.35rem\]{font-size:.35rem}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.65rem\]{font-size:.65rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-cp-accent-red{--tw-text-opacity:1;color:rgb(255 107 107/var(--tw-text-opacity,1))}.text-cp-dark{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.text-cp-dark-100{--tw-text-opacity:1;color:rgb(13 17 23/var(--tw-text-opacity,1))}.text-cp-dark-400{--tw-text-opacity:1;color:rgb(48 54 61/var(--tw-text-opacity,1))}.text-cp-dark-500{--tw-text-opacity:1;color:rgb(72 79 88/var(--tw-text-opacity,1))}.text-cp-dark-600{--tw-text-opacity:1;color:rgb(110 118 129/var(--tw-text-opacity,1))}.text-cp-dark-700{--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}.text-cp-dark-800{--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1))}.text-cp-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-cp-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-cp-green-500\/10{color:rgba(34,197,94,.1)}.text-cp-green-500\/50{color:rgba(34,197,94,.5)}.text-cp-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-cp-green-600\/40{color:rgba(22,163,74,.4)}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.placeholder-cp-dark-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(72 79 88/var(--tw-placeholder-opacity,1))}.placeholder-cp-dark-500::placeholder{--tw-placeholder-opacity:1;color:rgb(72 79 88/var(--tw-placeholder-opacity,1))}.placeholder-cp-dark-600::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(110 118 129/var(--tw-placeholder-opacity,1))}.placeholder-cp-dark-600::placeholder{--tw-placeholder-opacity:1;color:rgb(110 118 129/var(--tw-placeholder-opacity,1))}.caret-transparent{caret-color:transparent}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-50{opacity:.5}.\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.text-glow-sm{text-shadow:0 0 4px rgba(74,222,128,.25)}.scanlines{position:relative}.scanlines:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 4px);pointer-events:none}.bg-grid{background-image:linear-gradient(rgba(74,222,128,.03) 1px,transparent 0),linear-gradient(90deg,rgba(74,222,128,.03) 1px,transparent 0);background-size:50px 50px}.book-content{line-height:1.625;--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}.book-content h1{margin-top:2.5rem;padding-bottom:.75rem;font-size:1.5rem;line-height:2rem;border-bottom-width:2px;border-color:rgba(34,197,94,.3)}.book-content h1,.book-content h2{margin-bottom:1rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:700;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.book-content h2{margin-top:2rem;padding-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.book-content h3{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.125rem;line-height:1.75rem;color:rgb(201 209 217/var(--tw-text-opacity,1))}.book-content h3,.book-content h4{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:700;--tw-text-opacity:1}.book-content h4{margin-top:1.25rem;margin-bottom:.5rem;font-size:1rem;line-height:1.5rem;color:rgb(139 148 158/var(--tw-text-opacity,1))}.book-content p{line-height:1.625}.book-content ol,.book-content p,.book-content ul{margin-top:1rem;margin-bottom:1rem;--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}.book-content ol,.book-content ul{padding-left:1.5rem}.book-content ul{list-style-type:disc}.book-content ol{list-style-type:decimal}.book-content li{line-height:1.625}.book-content li,.book-content li>ol,.book-content li>ul{margin-top:.5rem;margin-bottom:.5rem}.book-content a{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.book-content a:hover{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.book-content a{text-decoration-line:underline;text-decoration-color:rgba(34,197,94,.3)}.book-content a:hover{text-decoration-color:#4ade80}.book-content a{text-underline-offset:2px}.book-content strong{font-weight:600;--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1))}.book-content blockquote,.book-content em{font-style:italic;--tw-text-opacity:1;color:rgb(110 118 129/var(--tw-text-opacity,1))}.book-content blockquote{margin-top:1.5rem;margin-bottom:1.5rem;border-left-width:4px;border-color:rgba(34,197,94,.5);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;background-color:rgba(13,17,23,.5)}.book-content blockquote p{margin-top:.5rem;margin-bottom:.5rem}.book-content hr{margin-top:2rem;margin-bottom:2rem;height:1px;border-width:0;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(48,54,61,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#30363d var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.book-content table{margin-top:1.5rem;margin-bottom:1.5rem;width:100%;font-size:.875rem;line-height:1.25rem;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.book-content thead{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1))}.book-content th{padding:.75rem 1rem;text-align:left;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:700;--tw-text-opacity:1;color:rgb(110 118 129/var(--tw-text-opacity,1));border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.book-content td{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(33 38 45/var(--tw-border-opacity,1));padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}.book-content tr:last-child td{border-bottom-width:0}.book-content tr:hover{background-color:rgba(22,27,34,.3)}.book-content code:not(pre code){border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));padding:.125rem .375rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1));border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.book-content pre{margin-top:1.5rem;margin-bottom:1.5rem;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));position:relative}.book-content pre:before{content:"";display:block;height:2rem;width:100%;--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));display:flex;align-items:center;padding-left:1rem;padding-right:1rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='14' fill='none'%3E%3Ccircle cx='7' cy='7' r='5' fill='%23ff5f56'/%3E%3Ccircle cx='27' cy='7' r='5' fill='%23ffbd2e'/%3E%3Ccircle cx='47' cy='7' r='5' fill='%2327c93f'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px;background-size:54px 14px}.book-content pre code{display:block;overflow-x:auto;padding:1rem;font-size:.875rem;line-height:1.25rem;line-height:1.625;border-width:0;background-color:transparent;--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1));font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace}.book-content img{margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));height:auto;max-width:100%}.book-content img+em{margin-top:.5rem;display:block;text-align:center;font-size:.875rem;line-height:1.25rem;font-style:normal;--tw-text-opacity:1;color:rgb(72 79 88/var(--tw-text-opacity,1))}#matrix-rain,.matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}#matrix-rain,#matrix-rain canvas,.matrix-rain{background:transparent!important}.ascii-art{white-space:pre;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem;line-height:1rem;line-height:1;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1));text-shadow:0 0 6px rgba(74,222,128,.3),0 0 12px rgba(74,222,128,.15)}.code-block{position:relative}.code-copy-btn{position:absolute;top:.5rem;right:.5rem;z-index:10;padding:.375rem .75rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem;line-height:1rem;--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(110 118 129/var(--tw-text-opacity,1));border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.code-copy-btn:hover{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1));background-color:rgba(34,197,94,.2);--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.code-copy-btn{cursor:pointer}.code-copy-btn.copied{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));background-color:rgba(34,197,94,.2);--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.code-block:hover .code-copy-btn{opacity:1}.reading-progress{position:fixed;top:0;left:0;z-index:50;height:.125rem;--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;box-shadow:0 0 10px rgba(0,255,0,.5)}.toc-item.is-active{margin-left:-.5rem;border-left-width:2px;--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));padding-left:.5rem;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.search-highlight,mark{border-radius:.25rem;background-color:rgba(34,197,94,.3);padding-left:.125rem;padding-right:.125rem;--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}@media (max-width:768px){.hero-title{font-size:1.875rem;line-height:2.25rem}.hero-subtitle{font-size:1.125rem;line-height:1.75rem}.ascii-art{font-size:.5rem}}.admonition,.callout{margin-top:1.5rem;margin-bottom:1.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-left-width:4px;padding:1rem;--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1))}.admonition-title,.callout-title{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:700}.admonition-content,.callout-content{--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}.admonition.info,.admonition.note,.callout.info,.callout.note,blockquote.info,blockquote.note{--tw-border-opacity:1;border-left-color:rgb(59 130 246/var(--tw-border-opacity,1));background-color:rgba(59,130,246,.05)}.admonition.info .admonition-title,.admonition.note .admonition-title,.callout.info .callout-title,.callout.note .callout-title{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.admonition.success,.admonition.tip,.callout.success,.callout.tip,blockquote.success,blockquote.tip{--tw-border-opacity:1;border-left-color:rgb(34 197 94/var(--tw-border-opacity,1));background-color:rgba(34,197,94,.05)}.admonition.success .admonition-title,.admonition.tip .admonition-title,.callout.success .callout-title,.callout.tip .callout-title{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.admonition.caution,.admonition.warning,.callout.caution,.callout.warning,blockquote.caution,blockquote.warning{--tw-border-opacity:1;border-left-color:rgb(234 179 8/var(--tw-border-opacity,1));background-color:rgba(234,179,8,.05)}.admonition.caution .admonition-title,.admonition.warning .admonition-title,.callout.caution .callout-title,.callout.warning .callout-title{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.admonition.danger,.admonition.error,.callout.danger,.callout.error,blockquote.danger,blockquote.error{--tw-border-opacity:1;border-left-color:rgb(239 68 68/var(--tw-border-opacity,1));background-color:rgba(239,68,68,.05)}.admonition.danger .admonition-title,.admonition.error .admonition-title,.callout.danger .callout-title,.callout.error .callout-title{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.admonition.example,.callout.example,blockquote.example{--tw-border-opacity:1;border-left-color:rgb(168 85 247/var(--tw-border-opacity,1));background-color:rgba(168,85,247,.05)}.admonition.example .admonition-title,.callout.example .callout-title{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.admonition.quote,.callout.quote,blockquote.quote{--tw-border-opacity:1;border-left-color:rgb(110 118 129/var(--tw-border-opacity,1));background-color:rgba(22,27,34,.5);font-style:italic}blockquote{margin-top:1rem;margin-bottom:1rem;border-left-width:4px;--tw-border-opacity:1;border-left-color:rgb(22 163 74/var(--tw-border-opacity,1));border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;background-color:rgba(13,17,23,.5);padding:.5rem .5rem .5rem 1rem;font-style:italic;--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}blockquote p:first-child{margin-top:0}blockquote p:last-child{margin-bottom:0}.katex-display{overflow-x:auto;padding-top:1rem;padding-bottom:1rem}.katex{--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1))}.mermaid{margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));padding:1rem;display:flex;justify-content:center}.glitch-text{position:relative}.glitch-text.glitching{animation:glitch-shake .15s ease-in-out}@keyframes glitch-shake{0%,to{transform:translateX(0)}10%{transform:translateX(-2px)}20%{transform:translateX(2px)}30%{transform:translateX(-2px)}40%{transform:translateX(2px)}50%{transform:translateX(-2px)}60%{transform:translateX(2px)}70%{transform:translateX(-2px)}80%{transform:translateX(2px)}90%{transform:translateX(-2px)}}.glitch-text-subtle{position:relative}.glitch-text-subtle:after,.glitch-text-subtle:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.glitch-text-subtle:hover:before{animation:glitch-1 .3s linear infinite;color:red;opacity:.5}.glitch-text-subtle:hover:after{animation:glitch-2 .3s linear infinite;color:#0ff;opacity:.5}@keyframes glitch-1{0%,to{clip-path:inset(20% 0 30% 0);transform:translateX(-3px)}50%{clip-path:inset(50% 0 10% 0);transform:translateX(3px)}}@keyframes glitch-2{0%,to{clip-path:inset(60% 0 10% 0);transform:translateX(3px)}50%{clip-path:inset(10% 0 70% 0);transform:translateX(-3px)}}.typewriter-cursor{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1));display:inline-block;text-shadow:0 0 5px rgba(74,222,128,.8),0 0 10px rgba(74,222,128,.5)}.typewriter-cursor.blink{animation:cursor-blink-glow .8s ease-in-out infinite}@keyframes cursor-blink-glow{0%,to{opacity:1;text-shadow:0 0 5px rgba(74,222,128,.8),0 0 10px rgba(74,222,128,.5),0 0 20px rgba(74,222,128,.3)}50%{opacity:0;text-shadow:none}}.typewriter-cursor:not(.blink){animation:cursor-pulse .4s ease-in-out infinite}@keyframes cursor-pulse{0%,to{opacity:1}50%{opacity:.5}}.glow-border{box-shadow:0 0 10px rgba(0,255,0,.3),inset 0 0 10px rgba(0,255,0,.1)}.glow-border:hover{box-shadow:0 0 20px rgba(0,255,0,.5),inset 0 0 15px rgba(0,255,0,.2)}.glow-dot{box-shadow:0 0 10px rgba(0,255,0,.8),0 0 20px rgba(0,255,0,.4)}.glow-dot-orange{box-shadow:0 0 10px rgba(247,147,26,.8),0 0 20px rgba(247,147,26,.4)}.reveal-hidden{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-hidden.revealed{opacity:1;transform:translateY(0)}.fade-in-up{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards;animation-delay:var(--delay,0ms)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.card-3d{transition:transform .3s ease-out,box-shadow .3s ease-out,border-color .3s ease}.card-3d:hover{box-shadow:0 10px 30px -10px rgba(74,222,128,.2);border-color:rgba(74,222,128,.5)}.terminal-window{font-family:JetBrains Mono,Fira Code,Monaco,monospace;box-shadow:0 0 0 1px rgba(74,222,128,.1),0 10px 40px -10px rgba(0,0,0,.5),0 0 30px -5px rgba(74,222,128,.1)}.terminal-window:hover{box-shadow:0 0 0 1px rgba(74,222,128,.2),0 10px 50px -10px rgba(0,0,0,.6),0 0 40px -5px rgba(74,222,128,.15)}.terminal-body{scrollbar-width:thin;scrollbar-color:#0f0 #1a1a1a}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:#1a1a1a}.terminal-body::-webkit-scrollbar-thumb{background:#0f0;border-radius:3px}.terminal-line{white-space:pre-wrap;word-break:break-word}.terminal-cursor-blink{animation:terminal-cursor-blink 1s step-end infinite;text-shadow:0 0 5px rgba(74,222,128,.8),0 0 10px rgba(74,222,128,.5)}@keyframes terminal-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.terminal-header span{transition:transform .2s ease,box-shadow .2s ease}.terminal-header span:hover{transform:scale(1.2)}.terminal-header span:first-child:hover{box-shadow:0 0 10px rgba(239,68,68,.8)}.terminal-header span:nth-child(2):hover{box-shadow:0 0 10px rgba(234,179,8,.8)}.terminal-header span:nth-child(3):hover{box-shadow:0 0 10px rgba(34,197,94,.8)}.terminal-input-area:focus-within{background:#1e1e1e}.terminal-input-area:focus-within .terminal-cursor-blink{text-shadow:0 0 8px #4ade80,0 0 15px rgba(74,222,128,.7)}.text-bitcoin-orange{color:#f7931a}.bg-bitcoin-orange{background-color:#f7931a}.border-bitcoin-orange{border-color:#f7931a}.timeline{position:relative}.timeline-line{background:linear-gradient(180deg,transparent 0,rgba(74,222,128,.3) 10%,rgba(74,222,128,.4) 50%,rgba(74,222,128,.3) 90%,transparent)}.timeline-content{transition:all .3s ease}.timeline-content:hover{transform:translateX(5px)}.timeline-dot{position:relative}@media (min-width:768px){.timeline-item:nth-child(odd) .timeline-content:hover{transform:translateX(-5px)}.timeline-item:nth-child(2n) .timeline-content:hover{transform:translateX(5px)}}.social-btn{position:relative;overflow:hidden}.social-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);transition:left .5s ease}.social-btn:hover:before{left:100%}.stat-item{transition:transform .3s ease;position:relative}.stat-item:hover{transform:scale(1.1)}.stat-item:hover .stat-number{text-shadow:0 0 10px rgba(74,222,128,.8),0 0 20px rgba(74,222,128,.5),0 0 30px rgba(74,222,128,.3)}.stat-number{transition:text-shadow .3s ease}.counter-complete{animation:counter-pop .4s ease-out}@keyframes counter-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.stat-divider{transition:all .3s ease;background:linear-gradient(180deg,transparent,rgba(74,222,128,.3),transparent)}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}.shadow-glow-green{box-shadow:0 0 20px rgba(0,255,0,.3)}@media print{body{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}#matrix-rain,#particles-bg,.footer,.matrix-rain,.navbar,.reading-progress,.sidebar{display:none}a{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));text-decoration-line:underline}.card-3d,.glitch-text,.glitch-text-subtle,.scroll-reveal{animation:none!important;transform:none!important;opacity:1!important}}@media (prefers-reduced-motion:reduce){.animate-bounce,.card-3d,.fade-in-up,.glitch-text,.glitch-text-subtle,.glow-border,.reveal-hidden,.typewriter-cursor{animation:none!important;transition:none!important}.reveal-hidden{opacity:1;transform:none}#matrix-rain,#particles-bg{display:none!important}}#ascii-logo,pre#ascii-logo{background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;outline:none!important;text-shadow:0 0 5px rgba(74,222,128,.6),0 0 10px rgba(74,222,128,.4),0 0 20px rgba(74,222,128,.2)}#ascii-logo.glitching{animation:glitch-shake .15s ease-in-out}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-110:hover,.hover\:scale-\[1\.02\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:border-cp-green-500:hover{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.hover\:border-cp-green-500\/50:hover{border-color:rgba(34,197,94,.5)}.hover\:border-cp-green-600:hover{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.hover\:bg-cp-dark-200:hover{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1))}.hover\:bg-cp-dark-200\/50:hover{background-color:rgba(22,27,34,.5)}.hover\:bg-cp-dark-300:hover{--tw-bg-opacity:1;background-color:rgb(33 38 45/var(--tw-bg-opacity,1))}.hover\:bg-cp-green-400:hover{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.hover\:bg-cp-green-500\/10:hover{background-color:rgba(34,197,94,.1)}.hover\:bg-cp-green-500\/20:hover{background-color:rgba(34,197,94,.2)}.hover\:text-cp-green-400:hover{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.hover\:text-cp-green-500:hover{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-glow-green:hover{--tw-shadow:0 0 6px rgba(74,222,128,.3),0 0 12px rgba(74,222,128,.15);--tw-shadow-colored:0 0 6px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:z-50:focus{z-index:50}.focus\:rounded:focus{border-radius:.25rem}.focus\:bg-cp-dark-200:focus{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1))}.focus\:bg-cp-green-600:focus{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-cp-dark:focus{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:rotate-180,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-180{--tw-rotate:180deg}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:bg-cp-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-cp-green-500\/20{background-color:rgba(34,197,94,.2)}.group:hover .group-hover\:text-cp-dark-100{--tw-text-opacity:1;color:rgb(13 17 23/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-cp-dark-800{--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-cp-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-cp-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:text-glow{text-shadow:0 0 6px rgba(74,222,128,.3),0 0 12px rgba(74,222,128,.15)}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}@media (min-width:640px){.sm\:ml-24{margin-left:6rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:w-20{width:5rem}.sm\:w-28{width:7rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-4{gap:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-\[0\.45rem\]{font-size:.45rem}}@media (min-width:768px){.md\:left-0{left:0}.md\:left-1\/2{left:50%}.md\:left-8{left:2rem}.md\:left-auto{left:auto}.md\:right-0{right:0}.md\:-mx-8{margin-left:-2rem;margin-right:-2rem}.md\:mx-0{margin-left:0;margin-right:0}.md\:-ml-\[2\.125rem\]{margin-left:-2.125rem}.md\:ml-16{margin-left:4rem}.md\:ml-8{margin-left:2rem}.md\:ml-auto{margin-left:auto}.md\:block{display:block}.md\:h-12{height:3rem}.md\:h-14{height:3.5rem}.md\:h-16{height:4rem}.md\:h-full{height:100%}.md\:w-1\/2{width:50%}.md\:w-16{width:4rem}.md\:w-44{width:11rem}.md\:w-48{width:12rem}.md\:-translate-x-1\/2{--tw-translate-x:-50%}.md\:-translate-x-1\/2,.md\:translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:translate-x-1\/2{--tw-translate-x:50%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}.md\:p-10{padding:2.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:pl-0{padding-left:0}.md\:pl-12{padding-left:3rem}.md\:pr-12{padding-right:3rem}.md\:text-left{text-align:left}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-\[0\.55rem\]{font-size:.55rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-64{width:16rem}.lg\:w-80{width:20rem}.lg\:max-w-4xl{max-width:56rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:1280px){.xl\:block{display:block}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
\ No newline at end of file
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Noto Sans TC,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--color-bg:#f8f9fa;--color-text:#1a1a1a;--color-primary:#0c0}.dark{--color-bg:#0a0a0a;--color-text:#c9d1d9;--color-primary:#4ade80}html{scroll-behavior:smooth}body{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1));font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:is(.dark *){--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1))}body{font-feature-settings:"liga" 1,"calt" 1}::-moz-selection{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}::selection{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1))}::-webkit-scrollbar-thumb{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}:focus-visible{outline-width:2px;outline-offset:2px;outline-color:#22c55e}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a{color:rgb(34 197 94/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}a,a:hover{--tw-text-opacity:1}a:hover{color:rgb(74 222 128/var(--tw-text-opacity,1));text-shadow:0 0 6px rgba(74,222,128,.3)}a:focus-visible{border-radius:.25rem;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#0a0a0a}h1,h2,h3,h4,h5,h6{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:700;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}code{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));padding:.125rem .375rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1));border-width:1px;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}code,pre{font-size:.875rem;line-height:1.25rem;--tw-border-opacity:1}pre{overflow-x:auto;border-radius:.5rem;border-width:1px;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));margin-top:1.5rem;margin-bottom:1.5rem;line-height:1.625}pre code{border-width:0;background-color:transparent;padding:0;--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1));display:block}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:#c9d1d9;max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e;text-decoration:underline;font-weight:500}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#4ade80}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:""}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:""}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders);color:#c9d1d9}.prose-invert :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e}.prose-invert :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#4ade80;text-shadow:0 0 6px rgba(74,222,128,.3)}.prose-invert :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80}.prose-invert :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e}.prose-invert :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e}.prose-invert :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80}.prose-invert :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80}.prose-invert :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80;background-color:#161b22;padding:.25rem .5rem;border-radius:.25rem}.prose-invert :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;padding:0}.prose-invert :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:#0d1117;border:1px solid #30363d}.prose-invert :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:#16a34a;color:#8b949e}.prose-invert :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:#30363d}.prose-invert :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:#22c55e}.prose-invert :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:#22c55e}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background-color:hsla(0,0%,4%,.95);--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.navbar-item{padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.navbar-item:hover{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.navbar-item.is-active{border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.hero{position:relative;display:flex;min-height:60vh;overflow:hidden;background-color:transparent}.btn,.hero{align-items:center;justify-content:center}.btn{display:inline-flex;padding:.75rem 1.5rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border-radius:.25rem;border-width:1px}.btn-primary{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.btn-primary:hover{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1));--tw-shadow:0 0 6px rgba(74,222,128,.3),0 0 12px rgba(74,222,128,.15);--tw-shadow-colored:0 0 6px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-outline{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));background-color:transparent;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.btn-outline:hover{background-color:rgba(34,197,94,.1);--tw-shadow:0 0 6px rgba(74,222,128,.3),0 0 12px rgba(74,222,128,.15);--tw-shadow-colored:0 0 6px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card:hover{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1));--tw-shadow:0 0 6px rgba(74,222,128,.3),0 0 12px rgba(74,222,128,.15);--tw-shadow-colored:0 0 6px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-header{border-bottom-width:1px;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.card-footer,.card-header{--tw-border-opacity:1;padding:1rem}.card-footer{border-top-width:1px;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.tag{display:inline-flex;align-items:center;padding:.25rem .75rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem;line-height:1rem;font-weight:500;--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1));border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tag:hover{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));background-color:rgba(34,197,94,.1)}.sidebar{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));padding:1rem}.sidebar-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1));border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));padding-bottom:.5rem}.footer{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));margin-top:auto;padding-top:2rem;padding-bottom:2rem}.content{max-width:65ch}.content :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.content :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.content :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration:underline;font-weight:500}.content :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.content :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.content :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.content :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.content :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.content :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.content :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.content :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.content :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.content :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.content :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.content :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.content :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.content :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.content :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.content :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.content :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.content :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.content :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.content :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.content :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.content :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.content :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.content :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.content :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.content :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.content :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.content :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.content :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.content :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:""}.content :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:""}.content :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.content :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.content :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.content :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.content :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){border-width:0;border-radius:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.content :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.content :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.content :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.content :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.content :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.content :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.content :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.content :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.content :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.content :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.content :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.content :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.content :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.content{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.content :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.content :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.content :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.content :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.content :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.content :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.content :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.content :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.content :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.content :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.content :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.content :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.content :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.content :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.content :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.content :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.content :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.content :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.content :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.content :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.content :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.content :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.content :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.content :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.content{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders);color:#c9d1d9}.content :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e}.content :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:#4ade80;text-shadow:0 0 6px rgba(74,222,128,.3)}.content :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80}.content :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e}.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:#22c55e}.content :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80}.content :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80}.content :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:#4ade80;background-color:#161b22;padding:.25rem .5rem;border-radius:.25rem}.content :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;padding:0}.content :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:#0d1117;border:1px solid #30363d}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:#16a34a;color:#8b949e}.content :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:#30363d}.content :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:#22c55e}.content :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:#22c55e}.content{max-width:none}.content :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.content :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1));text-decoration-line:none}.content :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))):hover{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.content :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.content :is(:where(pre):not(:where([class~=not-prose],[class~=not-prose] *))){border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1))}.content :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-border-opacity:1;border-left-color:rgb(22 163 74/var(--tw-border-opacity,1))}.content :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.pagination{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.pagination-item{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1));border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.pagination-item:hover{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.pagination-item.is-current,.pagination-item:hover{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.pagination-item.is-current{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.input{width:100%;padding:.5rem 1rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1));border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.input:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.input::-moz-placeholder{--tw-text-opacity:1;color:rgb(110 118 129/var(--tw-text-opacity,1))}.input::placeholder{--tw-text-opacity:1;color:rgb(110 118 129/var(--tw-text-opacity,1))}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:.25rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));min-width:200px;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);visibility:hidden;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dropdown.is-active .dropdown-menu,.dropdown:hover .dropdown-menu{visibility:visible;opacity:1}.dropdown-item{display:block;padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1))}.dropdown-item:hover{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.admonition{margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.5rem;border-left-width:4px;padding:1rem;--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1))}.admonition-title{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.25rem;font-weight:700}.admonition-content{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}.admonition-content p:last-child{margin-bottom:0}.admonition.note{--tw-border-opacity:1;border-left-color:rgb(59 130 246/var(--tw-border-opacity,1));background-color:rgba(59,130,246,.05)}.admonition.note .admonition-title{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.admonition.tip{--tw-border-opacity:1;border-left-color:rgb(34 197 94/var(--tw-border-opacity,1));background-color:rgba(34,197,94,.05)}.admonition.tip .admonition-title{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.admonition.warning{--tw-border-opacity:1;border-left-color:rgb(245 158 11/var(--tw-border-opacity,1));background-color:rgba(245,158,11,.05)}.admonition.warning .admonition-title{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.admonition.danger{--tw-border-opacity:1;border-left-color:rgb(239 68 68/var(--tw-border-opacity,1));background-color:rgba(239,68,68,.05)}.admonition.danger .admonition-title{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.admonition.info{--tw-border-opacity:1;border-left-color:rgb(6 182 212/var(--tw-border-opacity,1));background-color:rgba(6,182,212,.05)}.admonition.info .admonition-title{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.katex-display>.katex{font-size:1.125rem;line-height:1.75rem}.katex{font-size:1.1em}.katex:not(.katex-display .katex){padding-left:.25rem;padding-right:.25rem}.katex .mbin,.katex .mclose,.katex .minner,.katex .mopen,.katex .mord,.katex .mpunct,.katex .mrel{color:#e5e7eb}.katex .mathnormal{color:#a5d6ff}.katex .mop{color:#79c0ff}pre.mermaid{border-width:0;background-color:transparent;padding:0}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cs{color:#8b949e;font-style:italic}.highlight .k,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#ff7b72}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx{color:#a5d6ff}.highlight .n{color:#c9d1d9}.highlight .no{color:#79c0ff}.highlight .p{color:#c9d1d9}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#79c0ff}.highlight .err{color:#f85149}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-2{top:.5rem}.top-24{top:6rem}.top-4{top:1rem}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.\!m-0{margin:0!important}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-ml-2{margin-left:-.5rem}.-ml-\[1\.125rem\]{margin-left:-1.125rem}.-mt-0\.5{margin-top:-.125rem}.-mt-8{margin-top:-2rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[60vh\]{max-height:60vh}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-36{width:9rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[220px\]{min-width:220px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-bounce{animation:bounce 1s infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.scroll-mt-24{scroll-margin-top:6rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-cp-dark-400>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(48 54 61/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.\!border-none{border-style:none!important}.border-cp-dark-300{--tw-border-opacity:1;border-color:rgb(33 38 45/var(--tw-border-opacity,1))}.border-cp-dark-400{--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.border-cp-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-cp-green-500\/50{border-color:rgba(34,197,94,.5)}.border-cp-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.border-cp-green-700{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.\!bg-transparent{background-color:transparent!important}.bg-blue-500\/10{background-color:rgba(59,130,246,.1)}.bg-cp-dark{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.bg-cp-dark-100{--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1))}.bg-cp-dark-200{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1))}.bg-cp-dark-200\/50{background-color:rgba(22,27,34,.5)}.bg-cp-dark-300{--tw-bg-opacity:1;background-color:rgb(33 38 45/var(--tw-bg-opacity,1))}.bg-cp-dark-400{--tw-bg-opacity:1;background-color:rgb(48 54 61/var(--tw-bg-opacity,1))}.bg-cp-dark\/80{background-color:hsla(0,0%,4%,.8)}.bg-cp-dark\/95{background-color:hsla(0,0%,4%,.95)}.bg-cp-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-cp-green-500\/10{background-color:rgba(34,197,94,.1)}.bg-cp-green-500\/20{background-color:rgba(34,197,94,.2)}.bg-cp-green-500\/30{background-color:rgba(34,197,94,.3)}.bg-cp-green-500\/50{background-color:rgba(34,197,94,.5)}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-500\/20{background-color:hsla(220,9%,46%,.2)}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/10{background-color:rgba(34,197,94,.1)}.bg-purple-400\/10{background-color:rgba(192,132,252,.1)}.bg-purple-500\/10{background-color:rgba(168,85,247,.1)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-500\/10{background-color:rgba(234,179,8,.1)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-cp-dark{--tw-gradient-from:#0a0a0a var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,4%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cp-dark-100{--tw-gradient-from:#0d1117 var(--tw-gradient-from-position);--tw-gradient-to:rgba(13,17,23,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cp-dark-200{--tw-gradient-from:#161b22 var(--tw-gradient-from-position);--tw-gradient-to:rgba(22,27,34,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-cp-dark{--tw-gradient-to:hsla(0,0%,4%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0a0a0a var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-cp-dark{--tw-gradient-to:#0a0a0a var(--tw-gradient-to-position)}.to-cp-dark-100{--tw-gradient-to:#0d1117 var(--tw-gradient-to-position)}.to-cp-dark-300{--tw-gradient-to:#21262d var(--tw-gradient-to-position)}.bg-grid{background-size:50px 50px}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:0!important}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-6{padding-bottom:1.5rem}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-\[15vh\]{padding-top:15vh}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-7xl{font-size:4.5rem;line-height:1}.text-\[0\.35rem\]{font-size:.35rem}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.65rem\]{font-size:.65rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-cp-accent-red{--tw-text-opacity:1;color:rgb(255 107 107/var(--tw-text-opacity,1))}.text-cp-dark{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.text-cp-dark-100{--tw-text-opacity:1;color:rgb(13 17 23/var(--tw-text-opacity,1))}.text-cp-dark-400{--tw-text-opacity:1;color:rgb(48 54 61/var(--tw-text-opacity,1))}.text-cp-dark-500{--tw-text-opacity:1;color:rgb(72 79 88/var(--tw-text-opacity,1))}.text-cp-dark-600{--tw-text-opacity:1;color:rgb(110 118 129/var(--tw-text-opacity,1))}.text-cp-dark-700{--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}.text-cp-dark-800{--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1))}.text-cp-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-cp-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-cp-green-500\/10{color:rgba(34,197,94,.1)}.text-cp-green-500\/50{color:rgba(34,197,94,.5)}.text-cp-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-cp-green-600\/40{color:rgba(22,163,74,.4)}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.placeholder-cp-dark-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(72 79 88/var(--tw-placeholder-opacity,1))}.placeholder-cp-dark-500::placeholder{--tw-placeholder-opacity:1;color:rgb(72 79 88/var(--tw-placeholder-opacity,1))}.placeholder-cp-dark-600::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(110 118 129/var(--tw-placeholder-opacity,1))}.placeholder-cp-dark-600::placeholder{--tw-placeholder-opacity:1;color:rgb(110 118 129/var(--tw-placeholder-opacity,1))}.caret-transparent{caret-color:transparent}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-50{opacity:.5}.\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.text-glow-sm{text-shadow:0 0 4px rgba(74,222,128,.25)}.scanlines{position:relative}.scanlines:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 4px);pointer-events:none}.bg-grid{background-image:linear-gradient(rgba(74,222,128,.03) 1px,transparent 0),linear-gradient(90deg,rgba(74,222,128,.03) 1px,transparent 0);background-size:50px 50px}.book-content{line-height:1.625;--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}.book-content h1{margin-top:2.5rem;padding-bottom:.75rem;font-size:1.5rem;line-height:2rem;border-bottom-width:2px;border-color:rgba(34,197,94,.3)}.book-content h1,.book-content h2{margin-bottom:1rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:700;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.book-content h2{margin-top:2rem;padding-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.book-content h3{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.125rem;line-height:1.75rem;color:rgb(201 209 217/var(--tw-text-opacity,1))}.book-content h3,.book-content h4{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:700;--tw-text-opacity:1}.book-content h4{margin-top:1.25rem;margin-bottom:.5rem;font-size:1rem;line-height:1.5rem;color:rgb(139 148 158/var(--tw-text-opacity,1))}.book-content p{line-height:1.625}.book-content ol,.book-content p,.book-content ul{margin-top:1rem;margin-bottom:1rem;--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}.book-content ol,.book-content ul{padding-left:1.5rem}.book-content ul{list-style-type:disc}.book-content ol{list-style-type:decimal}.book-content li{line-height:1.625}.book-content li,.book-content li>ol,.book-content li>ul{margin-top:.5rem;margin-bottom:.5rem}.book-content a{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.book-content a:hover{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.book-content a{text-decoration-line:underline;text-decoration-color:rgba(34,197,94,.3)}.book-content a:hover{text-decoration-color:#4ade80}.book-content a{text-underline-offset:2px}.book-content strong{font-weight:600;--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1))}.book-content blockquote,.book-content em{font-style:italic;--tw-text-opacity:1;color:rgb(110 118 129/var(--tw-text-opacity,1))}.book-content blockquote{margin-top:1.5rem;margin-bottom:1.5rem;border-left-width:4px;border-color:rgba(34,197,94,.5);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;background-color:rgba(13,17,23,.5)}.book-content blockquote p{margin-top:.5rem;margin-bottom:.5rem}.book-content hr{margin-top:2rem;margin-bottom:2rem;height:1px;border-width:0;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(48,54,61,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#30363d var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.book-content table{margin-top:1.5rem;margin-bottom:1.5rem;width:100%;font-size:.875rem;line-height:1.25rem;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.book-content thead{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1))}.book-content th{padding:.75rem 1rem;text-align:left;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:700;--tw-text-opacity:1;color:rgb(110 118 129/var(--tw-text-opacity,1));border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.book-content td{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(33 38 45/var(--tw-border-opacity,1));padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}.book-content tr:last-child td{border-bottom-width:0}.book-content tr:hover{background-color:rgba(22,27,34,.3)}.book-content code:not(pre code){border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));padding:.125rem .375rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1));border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1))}.book-content pre{margin-top:1.5rem;margin-bottom:1.5rem;overflow-x:auto;border-radius:.5rem;border-width:1px;border-color:rgba(21,128,61,.5);--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));padding:1rem}.book-content pre code{display:block;overflow-x:auto;font-size:.875rem;line-height:1.25rem;line-height:1.625;border-width:0;background-color:transparent;padding:0;--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1));font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;text-shadow:0 0 8px rgba(74,222,128,.3)}.book-content img{margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));height:auto;max-width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem}.book-content img+em{margin-top:.5rem;display:block;text-align:center;font-size:.875rem;line-height:1.25rem;font-style:normal;--tw-text-opacity:1;color:rgb(72 79 88/var(--tw-text-opacity,1))}#matrix-rain,.matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}#matrix-rain,#matrix-rain canvas,.matrix-rain{background:transparent!important}.ascii-art{white-space:pre;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem;line-height:1rem;line-height:1;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1));text-shadow:0 0 6px rgba(74,222,128,.3),0 0 12px rgba(74,222,128,.15)}.code-block{position:relative}.code-copy-btn{position:absolute;top:.5rem;right:.5rem;z-index:10;padding:.375rem .75rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem;line-height:1rem;--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(110 118 129/var(--tw-text-opacity,1));border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.code-copy-btn:hover{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1));background-color:rgba(34,197,94,.2);--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.code-copy-btn{cursor:pointer}.code-copy-btn.copied{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));background-color:rgba(34,197,94,.2);--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.code-block:hover .code-copy-btn{opacity:1}.reading-progress{position:fixed;top:0;left:0;z-index:50;height:.125rem;--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;box-shadow:0 0 10px rgba(0,255,0,.5)}.toc-item.is-active{margin-left:-.5rem;border-left-width:2px;--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));padding-left:.5rem;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.search-highlight,mark{border-radius:.25rem;background-color:rgba(34,197,94,.3);padding-left:.125rem;padding-right:.125rem;--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}@media (max-width:768px){.hero-title{font-size:1.875rem;line-height:2.25rem}.hero-subtitle{font-size:1.125rem;line-height:1.75rem}.ascii-art{font-size:.5rem}}.admonition,.callout{margin-top:1.5rem;margin-bottom:1.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-left-width:4px;padding:1rem;--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1))}.admonition-title,.callout-title{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:700}.admonition-content,.callout-content{--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}.admonition.info,.admonition.note,.callout.info,.callout.note,blockquote.info,blockquote.note{--tw-border-opacity:1;border-left-color:rgb(59 130 246/var(--tw-border-opacity,1));background-color:rgba(59,130,246,.05)}.admonition.info .admonition-title,.admonition.note .admonition-title,.callout.info .callout-title,.callout.note .callout-title{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.admonition.success,.admonition.tip,.callout.success,.callout.tip,blockquote.success,blockquote.tip{--tw-border-opacity:1;border-left-color:rgb(34 197 94/var(--tw-border-opacity,1));background-color:rgba(34,197,94,.05)}.admonition.success .admonition-title,.admonition.tip .admonition-title,.callout.success .callout-title,.callout.tip .callout-title{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.admonition.caution,.admonition.warning,.callout.caution,.callout.warning,blockquote.caution,blockquote.warning{--tw-border-opacity:1;border-left-color:rgb(234 179 8/var(--tw-border-opacity,1));background-color:rgba(234,179,8,.05)}.admonition.caution .admonition-title,.admonition.warning .admonition-title,.callout.caution .callout-title,.callout.warning .callout-title{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.admonition.danger,.admonition.error,.callout.danger,.callout.error,blockquote.danger,blockquote.error{--tw-border-opacity:1;border-left-color:rgb(239 68 68/var(--tw-border-opacity,1));background-color:rgba(239,68,68,.05)}.admonition.danger .admonition-title,.admonition.error .admonition-title,.callout.danger .callout-title,.callout.error .callout-title{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.admonition.example,.callout.example,blockquote.example{--tw-border-opacity:1;border-left-color:rgb(168 85 247/var(--tw-border-opacity,1));background-color:rgba(168,85,247,.05)}.admonition.example .admonition-title,.callout.example .callout-title{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.admonition.quote,.callout.quote,blockquote.quote{--tw-border-opacity:1;border-left-color:rgb(110 118 129/var(--tw-border-opacity,1));background-color:rgba(22,27,34,.5);font-style:italic}blockquote{margin-top:1rem;margin-bottom:1rem;border-left-width:4px;--tw-border-opacity:1;border-left-color:rgb(22 163 74/var(--tw-border-opacity,1));border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;background-color:rgba(13,17,23,.5);padding:.5rem .5rem .5rem 1rem;font-style:italic;--tw-text-opacity:1;color:rgb(139 148 158/var(--tw-text-opacity,1))}blockquote p:first-child{margin-top:0}blockquote p:last-child{margin-bottom:0}.katex-display{overflow-x:auto;padding-top:1rem;padding-bottom:1rem}.katex{--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1))}.mermaid{margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(48 54 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(13 17 23/var(--tw-bg-opacity,1));padding:1rem;display:flex;justify-content:center}.glitch-text{position:relative}.glitch-text.glitching{animation:glitch-shake .15s ease-in-out}@keyframes glitch-shake{0%,to{transform:translateX(0)}10%{transform:translateX(-2px)}20%{transform:translateX(2px)}30%{transform:translateX(-2px)}40%{transform:translateX(2px)}50%{transform:translateX(-2px)}60%{transform:translateX(2px)}70%{transform:translateX(-2px)}80%{transform:translateX(2px)}90%{transform:translateX(-2px)}}.glitch-text-subtle{position:relative}.glitch-text-subtle:after,.glitch-text-subtle:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.glitch-text-subtle:hover:before{animation:glitch-1 .3s linear infinite;color:red;opacity:.5}.glitch-text-subtle:hover:after{animation:glitch-2 .3s linear infinite;color:#0ff;opacity:.5}@keyframes glitch-1{0%,to{clip-path:inset(20% 0 30% 0);transform:translateX(-3px)}50%{clip-path:inset(50% 0 10% 0);transform:translateX(3px)}}@keyframes glitch-2{0%,to{clip-path:inset(60% 0 10% 0);transform:translateX(3px)}50%{clip-path:inset(10% 0 70% 0);transform:translateX(-3px)}}.typewriter-cursor{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1));display:inline-block;text-shadow:0 0 5px rgba(74,222,128,.8),0 0 10px rgba(74,222,128,.5)}.typewriter-cursor.blink{animation:cursor-blink-glow .8s ease-in-out infinite}@keyframes cursor-blink-glow{0%,to{opacity:1;text-shadow:0 0 5px rgba(74,222,128,.8),0 0 10px rgba(74,222,128,.5),0 0 20px rgba(74,222,128,.3)}50%{opacity:0;text-shadow:none}}.typewriter-cursor:not(.blink){animation:cursor-pulse .4s ease-in-out infinite}@keyframes cursor-pulse{0%,to{opacity:1}50%{opacity:.5}}.glow-border{box-shadow:0 0 10px rgba(0,255,0,.3),inset 0 0 10px rgba(0,255,0,.1)}.glow-border:hover{box-shadow:0 0 20px rgba(0,255,0,.5),inset 0 0 15px rgba(0,255,0,.2)}.glow-dot{box-shadow:0 0 10px rgba(0,255,0,.8),0 0 20px rgba(0,255,0,.4)}.glow-dot-orange{box-shadow:0 0 10px rgba(247,147,26,.8),0 0 20px rgba(247,147,26,.4)}.reveal-hidden{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-hidden.revealed{opacity:1;transform:translateY(0)}.fade-in-up{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards;animation-delay:var(--delay,0ms)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.card-3d{transition:transform .3s ease-out,box-shadow .3s ease-out,border-color .3s ease}.card-3d:hover{box-shadow:0 10px 30px -10px rgba(74,222,128,.2);border-color:rgba(74,222,128,.5)}.terminal-window{font-family:JetBrains Mono,Fira Code,Monaco,monospace;box-shadow:0 0 0 1px rgba(74,222,128,.1),0 10px 40px -10px rgba(0,0,0,.5),0 0 30px -5px rgba(74,222,128,.1)}.terminal-window:hover{box-shadow:0 0 0 1px rgba(74,222,128,.2),0 10px 50px -10px rgba(0,0,0,.6),0 0 40px -5px rgba(74,222,128,.15)}.terminal-body{scrollbar-width:thin;scrollbar-color:#0f0 #1a1a1a}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:#1a1a1a}.terminal-body::-webkit-scrollbar-thumb{background:#0f0;border-radius:3px}.terminal-line{white-space:pre-wrap;word-break:break-word}.terminal-cursor-blink{animation:terminal-cursor-blink 1s step-end infinite;text-shadow:0 0 5px rgba(74,222,128,.8),0 0 10px rgba(74,222,128,.5)}@keyframes terminal-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.terminal-header span{transition:transform .2s ease,box-shadow .2s ease}.terminal-header span:hover{transform:scale(1.2)}.terminal-header span:first-child:hover{box-shadow:0 0 10px rgba(239,68,68,.8)}.terminal-header span:nth-child(2):hover{box-shadow:0 0 10px rgba(234,179,8,.8)}.terminal-header span:nth-child(3):hover{box-shadow:0 0 10px rgba(34,197,94,.8)}.terminal-input-area:focus-within{background:#1e1e1e}.terminal-input-area:focus-within .terminal-cursor-blink{text-shadow:0 0 8px #4ade80,0 0 15px rgba(74,222,128,.7)}.text-bitcoin-orange{color:#f7931a}.bg-bitcoin-orange{background-color:#f7931a}.border-bitcoin-orange{border-color:#f7931a}.timeline{position:relative}.timeline-line{background:linear-gradient(180deg,transparent 0,rgba(74,222,128,.3) 10%,rgba(74,222,128,.4) 50%,rgba(74,222,128,.3) 90%,transparent)}.timeline-content{transition:all .3s ease}.timeline-content:hover{transform:translateX(5px)}.timeline-dot{position:relative}@media (min-width:768px){.timeline-item:nth-child(odd) .timeline-content:hover{transform:translateX(-5px)}.timeline-item:nth-child(2n) .timeline-content:hover{transform:translateX(5px)}}.social-btn{position:relative;overflow:hidden}.social-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);transition:left .5s ease}.social-btn:hover:before{left:100%}.stat-item{transition:transform .3s ease;position:relative}.stat-item:hover{transform:scale(1.1)}.stat-item:hover .stat-number{text-shadow:0 0 10px rgba(74,222,128,.8),0 0 20px rgba(74,222,128,.5),0 0 30px rgba(74,222,128,.3)}.stat-number{transition:text-shadow .3s ease}.counter-complete{animation:counter-pop .4s ease-out}@keyframes counter-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.stat-divider{transition:all .3s ease;background:linear-gradient(180deg,transparent,rgba(74,222,128,.3),transparent)}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}.shadow-glow-green{box-shadow:0 0 20px rgba(0,255,0,.3)}@media print{body{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}#matrix-rain,#particles-bg,.footer,.matrix-rain,.navbar,.reading-progress,.sidebar{display:none}a{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));text-decoration-line:underline}.card-3d,.glitch-text,.glitch-text-subtle,.scroll-reveal{animation:none!important;transform:none!important;opacity:1!important}}@media (prefers-reduced-motion:reduce){.animate-bounce,.card-3d,.fade-in-up,.glitch-text,.glitch-text-subtle,.glow-border,.reveal-hidden,.typewriter-cursor{animation:none!important;transition:none!important}.reveal-hidden{opacity:1;transform:none}#matrix-rain,#particles-bg{display:none!important}}#ascii-logo,pre#ascii-logo{background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;outline:none!important;text-shadow:0 0 5px rgba(74,222,128,.6),0 0 10px rgba(74,222,128,.4),0 0 20px rgba(74,222,128,.2)}#ascii-logo.glitching{animation:glitch-shake .15s ease-in-out}.first\:mt-0:first-child{margin-top:0}.first\:border-t-0:first-child{border-top-width:0}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-110:hover,.hover\:scale-\[1\.02\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:border-blue-500\/50:hover{border-color:rgba(59,130,246,.5)}.hover\:border-cp-green-500:hover{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.hover\:border-cp-green-500\/50:hover{border-color:rgba(34,197,94,.5)}.hover\:border-cp-green-600:hover{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.hover\:border-green-500\/50:hover{border-color:rgba(34,197,94,.5)}.hover\:border-purple-400\/50:hover{border-color:rgba(192,132,252,.5)}.hover\:border-purple-500\/50:hover{border-color:rgba(168,85,247,.5)}.hover\:border-yellow-500\/50:hover{border-color:rgba(234,179,8,.5)}.hover\:bg-cp-dark-200:hover{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1))}.hover\:bg-cp-dark-200\/50:hover{background-color:rgba(22,27,34,.5)}.hover\:bg-cp-dark-300:hover{--tw-bg-opacity:1;background-color:rgb(33 38 45/var(--tw-bg-opacity,1))}.hover\:bg-cp-green-400:hover{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.hover\:bg-cp-green-500\/10:hover{background-color:rgba(34,197,94,.1)}.hover\:bg-cp-green-500\/20:hover{background-color:rgba(34,197,94,.2)}.hover\:text-cp-green-400:hover{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.hover\:text-cp-green-500:hover{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-glow-green:hover{--tw-shadow:0 0 6px rgba(74,222,128,.3),0 0 12px rgba(74,222,128,.15);--tw-shadow-colored:0 0 6px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:z-50:focus{z-index:50}.focus\:rounded:focus{border-radius:.25rem}.focus\:bg-cp-dark-200:focus{--tw-bg-opacity:1;background-color:rgb(22 27 34/var(--tw-bg-opacity,1))}.focus\:bg-cp-green-600:focus{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-cp-dark:focus{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:rotate-180,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-180{--tw-rotate:180deg}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:bg-blue-500\/20{background-color:rgba(59,130,246,.2)}.group:hover .group-hover\:bg-cp-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-cp-green-500\/20,.group:hover .group-hover\:bg-green-500\/20{background-color:rgba(34,197,94,.2)}.group:hover .group-hover\:bg-purple-400\/20{background-color:rgba(192,132,252,.2)}.group:hover .group-hover\:bg-purple-500\/20{background-color:rgba(168,85,247,.2)}.group:hover .group-hover\:bg-yellow-500\/20{background-color:rgba(234,179,8,.2)}.group:hover .group-hover\:text-cp-dark-100{--tw-text-opacity:1;color:rgb(13 17 23/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-cp-dark-800{--tw-text-opacity:1;color:rgb(201 209 217/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-cp-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-cp-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:text-glow{text-shadow:0 0 6px rgba(74,222,128,.3),0 0 12px rgba(74,222,128,.15)}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}@media (min-width:640px){.sm\:ml-24{margin-left:6rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:w-20{width:5rem}.sm\:w-28{width:7rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-4{gap:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-\[0\.45rem\]{font-size:.45rem}}@media (min-width:768px){.md\:left-0{left:0}.md\:left-1\/2{left:50%}.md\:left-8{left:2rem}.md\:left-auto{left:auto}.md\:right-0{right:0}.md\:-mx-8{margin-left:-2rem;margin-right:-2rem}.md\:mx-0{margin-left:0;margin-right:0}.md\:-ml-\[2\.125rem\]{margin-left:-2.125rem}.md\:ml-16{margin-left:4rem}.md\:ml-8{margin-left:2rem}.md\:ml-auto{margin-left:auto}.md\:block{display:block}.md\:h-12{height:3rem}.md\:h-14{height:3.5rem}.md\:h-16{height:4rem}.md\:h-full{height:100%}.md\:w-1\/2{width:50%}.md\:w-16{width:4rem}.md\:w-44{width:11rem}.md\:w-48{width:12rem}.md\:-translate-x-1\/2{--tw-translate-x:-50%}.md\:-translate-x-1\/2,.md\:translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:translate-x-1\/2{--tw-translate-x:50%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}.md\:p-10{padding:2.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:pl-0{padding-left:0}.md\:pl-12{padding-left:3rem}.md\:pr-12{padding-right:3rem}.md\:text-left{text-align:left}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-\[0\.55rem\]{font-size:.55rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-64{width:16rem}.lg\:w-80{width:20rem}.lg\:max-w-4xl{max-width:56rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:1280px){.xl\:block{display:block}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
\ No newline at end of file
diff --git a/assets/css/main.css b/assets/css/main.css
index a08d3c0c..31d089dc 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -670,37 +670,28 @@
     @apply border border-cp-dark-400;
   }
 
-  /* 程式碼區塊 - 終端機風格 */
+  /* 程式碼區塊 - 簡潔風格 */
   .book-content pre {
-    @apply my-6 rounded-lg overflow-hidden;
-    @apply border border-cp-dark-400;
+    @apply my-6 rounded-lg overflow-x-auto;
+    @apply border border-cp-green-700/50;
     @apply bg-[#0d1117];
-    position: relative;
-  }
-
-  /* 程式碼區塊標題欄 */
-  .book-content pre::before {
-    content: '';
-    @apply block w-full h-8 bg-cp-dark-200;
-    @apply border-b border-cp-dark-400;
-    @apply flex items-center px-4;
-    background-image: url("data:image/svg+xml,%3Csvg width='54' height='14' viewBox='0 0 54 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='5' fill='%23ff5f56'/%3E%3Ccircle cx='27' cy='7' r='5' fill='%23ffbd2e'/%3E%3Ccircle cx='47' cy='7' r='5' fill='%2327c93f'/%3E%3C/svg%3E");
-    background-repeat: no-repeat;
-    background-position: 12px center;
-    background-size: 54px 14px;
+    @apply p-4;
   }
 
   .book-content pre code {
-    @apply block p-4 overflow-x-auto;
+    @apply block overflow-x-auto;
     @apply text-sm leading-relaxed;
-    @apply bg-transparent border-0 text-[#c9d1d9];
+    @apply bg-transparent border-0 p-0;
+    @apply text-cp-green-400;
     font-family: 'JetBrains Mono', 'Fira Code', 'Monaco', 'Consolas', monospace;
+    text-shadow: 0 0 8px rgba(74, 222, 128, 0.3);
   }
 
-  /* 圖片 */
+  /* 圖片 - 白色背景讓透明 PNG 可見 */
   .book-content img {
     @apply my-6 rounded-lg border border-cp-dark-400;
     @apply max-w-full h-auto;
+    @apply bg-white p-2;
   }
 
   /* 圖片標題 */
diff --git a/categories.html b/categories.html
new file mode 100644
index 00000000..21222fb2
--- /dev/null
+++ b/categories.html
@@ -0,0 +1,116 @@
+---
+layout: default
+title: 分類
+permalink: /categories/
+---
+
+<div class="max-w-6xl mx-auto">
+  <!-- Page Header -->
+  <header class="mb-12 text-center">
+    <h1 class="text-4xl md:text-5xl font-bold font-mono text-cp-green-500 mb-4">
+      <span class="text-cp-dark-500">/</span> 分類
+    </h1>
+    <p class="text-lg text-cp-dark-600 font-mono">
+      依主題分類瀏覽文章
+    </p>
+  </header>
+
+  <!-- Categories Overview -->
+  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
+    {% assign sorted_categories = site.categories | sort %}
+    {% for category in sorted_categories %}
+      {% assign cat_name = category[0] %}
+      {% assign cat_posts = category[1] %}
+
+      <a href="#{{ cat_name | slugify }}" class="card p-6 group hover:border-cp-green-500 transition-colors">
+        <div class="flex items-start justify-between mb-4">
+          <div class="w-12 h-12 rounded-lg bg-cp-green-500/10 flex items-center justify-center text-cp-green-500 group-hover:bg-cp-green-500 group-hover:text-cp-dark-100 transition-colors">
+            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/>
+            </svg>
+          </div>
+          <span class="text-2xl font-bold text-cp-green-500 font-mono">{{ cat_posts.size }}</span>
+        </div>
+        <h2 class="text-xl font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          {{ cat_name }}
+        </h2>
+        <p class="text-sm text-cp-dark-600 font-mono">
+          {{ cat_posts.size }} 篇文章
+        </p>
+      </a>
+    {% endfor %}
+  </div>
+
+  <!-- Posts by Category -->
+  <div class="space-y-12">
+    {% for category in sorted_categories %}
+      {% assign cat_name = category[0] %}
+      {% assign cat_posts = category[1] %}
+
+      <section id="{{ cat_name | slugify }}" class="scroll-mt-24">
+        <!-- Category Header -->
+        <div class="flex items-center gap-4 mb-6">
+          <div class="w-10 h-10 rounded-lg bg-cp-green-500/10 flex items-center justify-center text-cp-green-500">
+            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/>
+            </svg>
+          </div>
+          <h2 class="text-2xl font-bold font-mono text-cp-green-500">
+            {{ cat_name }}
+          </h2>
+          <div class="flex-grow h-px bg-cp-dark-300"></div>
+          <span class="text-sm text-cp-dark-500 font-mono">{{ cat_posts.size }} 篇文章</span>
+        </div>
+
+        <!-- Posts Grid -->
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+          {% for post in cat_posts limit:6 %}
+          <article class="card group overflow-hidden">
+            <a href="{{ post.url | relative_url }}" class="flex gap-4 p-4">
+              {% if post.image %}
+              <div class="w-24 h-24 flex-shrink-0 rounded overflow-hidden">
+                <img src="{{ post.image | relative_url }}" alt="{{ post.title }}" class="w-full h-full object-cover">
+              </div>
+              {% endif %}
+              <div class="flex-grow min-w-0">
+                <time datetime="{{ post.date | date_to_xmlschema }}" class="text-xs font-mono text-cp-dark-500">
+                  {{ post.date | date: "%Y-%m-%d" }}
+                </time>
+                <h3 class="font-mono font-bold text-cp-dark-800 group-hover:text-cp-green-500 transition-colors line-clamp-2 mt-1">
+                  {{ post.title }}
+                </h3>
+                {% if post.tags.size > 0 %}
+                <div class="flex flex-wrap gap-1 mt-2">
+                  {% for tag in post.tags limit:2 %}
+                  <span class="text-xs font-mono text-cp-dark-500">#{{ tag }}</span>
+                  {% endfor %}
+                </div>
+                {% endif %}
+              </div>
+            </a>
+          </article>
+          {% endfor %}
+        </div>
+
+        <!-- View All Link -->
+        {% if cat_posts.size > 6 %}
+        <div class="mt-4 text-center">
+          <span class="text-sm text-cp-dark-500 font-mono">
+            還有 {{ cat_posts.size | minus: 6 }} 篇文章...
+          </span>
+        </div>
+        {% endif %}
+      </section>
+    {% endfor %}
+  </div>
+
+  <!-- Back to Top -->
+  <div class="text-center mt-12">
+    <a href="#" class="inline-flex items-center gap-2 text-cp-dark-600 hover:text-cp-green-500 font-mono transition-colors">
+      <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"/>
+      </svg>
+      返回頂部
+    </a>
+  </div>
+</div>
diff --git a/img/bip-guide.svg b/img/bip-guide.svg
new file mode 100644
index 00000000..6526f27b
--- /dev/null
+++ b/img/bip-guide.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
+  <defs>
+    <linearGradient id="bgBipGuide" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#1a1a2e"/>
+      <stop offset="100%" style="stop-color:#16213e"/>
+    </linearGradient>
+  </defs>
+
+  <rect width="400" height="300" fill="url(#bgBipGuide)"/>
+
+  <!-- BIP cards -->
+  <!-- BIP 32 -->
+  <rect x="50" y="60" width="90" height="60" rx="4" fill="#2d2d44" stroke="#f7931a" stroke-width="2"/>
+  <text x="95" y="85" font-family="monospace" font-size="14" font-weight="bold" fill="#f7931a" text-anchor="middle">BIP 32</text>
+  <text x="95" y="105" font-family="monospace" font-size="9" fill="#888" text-anchor="middle">HD Wallets</text>
+
+  <!-- BIP 39 -->
+  <rect x="155" y="60" width="90" height="60" rx="4" fill="#2d2d44" stroke="#00d4aa" stroke-width="2"/>
+  <text x="200" y="85" font-family="monospace" font-size="14" font-weight="bold" fill="#00d4aa" text-anchor="middle">BIP 39</text>
+  <text x="200" y="105" font-family="monospace" font-size="9" fill="#888" text-anchor="middle">Mnemonic</text>
+
+  <!-- BIP 141 -->
+  <rect x="260" y="60" width="90" height="60" rx="4" fill="#2d2d44" stroke="#9945ff" stroke-width="2"/>
+  <text x="305" y="85" font-family="monospace" font-size="14" font-weight="bold" fill="#9945ff" text-anchor="middle">BIP 141</text>
+  <text x="305" y="105" font-family="monospace" font-size="9" fill="#888" text-anchor="middle">SegWit</text>
+
+  <!-- BIP 340 -->
+  <rect x="50" y="140" width="90" height="60" rx="4" fill="#2d2d44" stroke="#ff6b6b" stroke-width="2"/>
+  <text x="95" y="165" font-family="monospace" font-size="14" font-weight="bold" fill="#ff6b6b" text-anchor="middle">BIP 340</text>
+  <text x="95" y="185" font-family="monospace" font-size="9" fill="#888" text-anchor="middle">Schnorr</text>
+
+  <!-- BIP 341 -->
+  <rect x="155" y="140" width="90" height="60" rx="4" fill="#2d2d44" stroke="#4ecdc4" stroke-width="2"/>
+  <text x="200" y="165" font-family="monospace" font-size="14" font-weight="bold" fill="#4ecdc4" text-anchor="middle">BIP 341</text>
+  <text x="200" y="185" font-family="monospace" font-size="9" fill="#888" text-anchor="middle">Taproot</text>
+
+  <!-- BIP 342 -->
+  <rect x="260" y="140" width="90" height="60" rx="4" fill="#2d2d44" stroke="#ffe66d" stroke-width="2"/>
+  <text x="305" y="165" font-family="monospace" font-size="14" font-weight="bold" fill="#ffe66d" text-anchor="middle">BIP 342</text>
+  <text x="305" y="185" font-family="monospace" font-size="9" fill="#888" text-anchor="middle">Tapscript</text>
+
+  <!-- Chinese label -->
+  <rect x="140" y="220" width="120" height="30" rx="4" fill="#f7931a" opacity="0.2"/>
+  <text x="200" y="240" font-family="Arial" font-size="12" fill="#f7931a" text-anchor="middle">中文導讀</text>
+
+  <!-- Title -->
+  <text x="200" y="280" font-family="Arial" font-size="16" font-weight="bold" fill="#ffffff" text-anchor="middle">BIP 精選導讀</text>
+</svg>
diff --git a/img/bitcoin-dev-guide.svg b/img/bitcoin-dev-guide.svg
new file mode 100644
index 00000000..2d46b068
--- /dev/null
+++ b/img/bitcoin-dev-guide.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
+  <defs>
+    <linearGradient id="bgDevGuide" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#1a1a2e"/>
+      <stop offset="100%" style="stop-color:#16213e"/>
+    </linearGradient>
+  </defs>
+
+  <rect width="400" height="300" fill="url(#bgDevGuide)"/>
+
+  <!-- Terminal window -->
+  <rect x="60" y="50" width="280" height="180" rx="8" fill="#0d1117" stroke="#f7931a" stroke-width="2"/>
+
+  <!-- Window header -->
+  <rect x="60" y="50" width="280" height="30" rx="8" fill="#161b22"/>
+  <circle cx="80" cy="65" r="5" fill="#ff5f57"/>
+  <circle cx="100" cy="65" r="5" fill="#ffbd2e"/>
+  <circle cx="120" cy="65" r="5" fill="#28ca42"/>
+  <text x="200" y="70" font-family="monospace" font-size="12" fill="#8b949e" text-anchor="middle">developer.bitcoin.org</text>
+
+  <!-- Code content -->
+  <text x="75" y="105" font-family="monospace" font-size="11" fill="#7ee787">$ bitcoin-cli</text>
+  <text x="75" y="125" font-family="monospace" font-size="10" fill="#8b949e">getblockchaininfo</text>
+  <text x="75" y="145" font-family="monospace" font-size="10" fill="#f7931a">{</text>
+  <text x="85" y="160" font-family="monospace" font-size="9" fill="#79c0ff">"chain"</text>
+  <text x="135" y="160" font-family="monospace" font-size="9" fill="#8b949e">:</text>
+  <text x="145" y="160" font-family="monospace" font-size="9" fill="#a5d6ff">"main"</text>
+  <text x="85" y="175" font-family="monospace" font-size="9" fill="#79c0ff">"blocks"</text>
+  <text x="145" y="175" font-family="monospace" font-size="9" fill="#8b949e">:</text>
+  <text x="155" y="175" font-family="monospace" font-size="9" fill="#f7931a">820000</text>
+  <text x="85" y="190" font-family="monospace" font-size="9" fill="#79c0ff">"headers"</text>
+  <text x="155" y="190" font-family="monospace" font-size="9" fill="#8b949e">:</text>
+  <text x="165" y="190" font-family="monospace" font-size="9" fill="#f7931a">820000</text>
+  <text x="75" y="210" font-family="monospace" font-size="10" fill="#f7931a">}</text>
+
+  <!-- Title -->
+  <text x="200" y="260" font-family="Arial" font-size="16" font-weight="bold" fill="#ffffff" text-anchor="middle">BITCOIN</text>
+  <text x="200" y="280" font-family="Arial" font-size="14" fill="#f7931a" text-anchor="middle">Developer Guide</text>
+</svg>
diff --git a/img/learn-me-bitcoin.svg b/img/learn-me-bitcoin.svg
new file mode 100644
index 00000000..ee48993c
--- /dev/null
+++ b/img/learn-me-bitcoin.svg
@@ -0,0 +1,57 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
+  <defs>
+    <linearGradient id="bgLearn" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#1a1a2e"/>
+      <stop offset="100%" style="stop-color:#16213e"/>
+    </linearGradient>
+  </defs>
+
+  <rect width="400" height="300" fill="url(#bgLearn)"/>
+
+  <!-- Blockchain visualization -->
+  <!-- Block 1 -->
+  <rect x="50" y="100" width="70" height="50" rx="4" fill="#2d2d44" stroke="#f7931a" stroke-width="2"/>
+  <text x="85" y="120" font-family="monospace" font-size="8" fill="#888" text-anchor="middle">Block N-2</text>
+  <text x="85" y="138" font-family="monospace" font-size="10" fill="#f7931a" text-anchor="middle">#820001</text>
+
+  <!-- Arrow -->
+  <path d="M125 125 L145 125" stroke="#f7931a" stroke-width="2" marker-end="url(#arrow)"/>
+  <polygon points="145,125 140,120 140,130" fill="#f7931a"/>
+
+  <!-- Block 2 -->
+  <rect x="155" y="100" width="70" height="50" rx="4" fill="#2d2d44" stroke="#f7931a" stroke-width="2"/>
+  <text x="190" y="120" font-family="monospace" font-size="8" fill="#888" text-anchor="middle">Block N-1</text>
+  <text x="190" y="138" font-family="monospace" font-size="10" fill="#f7931a" text-anchor="middle">#820002</text>
+
+  <!-- Arrow -->
+  <path d="M230 125 L250 125" stroke="#f7931a" stroke-width="2"/>
+  <polygon points="250,125 245,120 245,130" fill="#f7931a"/>
+
+  <!-- Block 3 -->
+  <rect x="260" y="100" width="70" height="50" rx="4" fill="#2d2d44" stroke="#00d4aa" stroke-width="3"/>
+  <text x="295" y="120" font-family="monospace" font-size="8" fill="#888" text-anchor="middle">Block N</text>
+  <text x="295" y="138" font-family="monospace" font-size="10" fill="#00d4aa" text-anchor="middle">#820003</text>
+
+  <!-- Transaction inside block -->
+  <rect x="70" y="170" width="260" height="60" rx="4" fill="#1e1e30" stroke="#444" stroke-width="1"/>
+  <text x="200" y="190" font-family="monospace" font-size="10" fill="#888" text-anchor="middle">Transaction</text>
+
+  <!-- Input -->
+  <rect x="90" y="200" width="60" height="20" rx="2" fill="#f7931a" opacity="0.3"/>
+  <text x="120" y="214" font-family="monospace" font-size="8" fill="#f7931a" text-anchor="middle">Input</text>
+
+  <!-- Arrow -->
+  <text x="175" y="214" font-family="monospace" font-size="14" fill="#888">→</text>
+
+  <!-- Output -->
+  <rect x="200" y="200" width="60" height="20" rx="2" fill="#00d4aa" opacity="0.3"/>
+  <text x="230" y="214" font-family="monospace" font-size="8" fill="#00d4aa" text-anchor="middle">Output</text>
+
+  <!-- Lightbulb icon -->
+  <circle cx="340" cy="60" r="20" fill="#ffdd00" opacity="0.2"/>
+  <text x="340" y="68" font-family="Arial" font-size="24" fill="#ffdd00" text-anchor="middle">💡</text>
+
+  <!-- Title -->
+  <text x="200" y="265" font-family="Arial" font-size="16" font-weight="bold" fill="#ffffff" text-anchor="middle">Learn Me a Bitcoin</text>
+  <text x="200" y="285" font-family="monospace" font-size="11" fill="#888" text-anchor="middle">Visual Bitcoin Education</text>
+</svg>
diff --git a/img/schnorr-taproot.svg b/img/schnorr-taproot.svg
new file mode 100644
index 00000000..7f7f9b37
--- /dev/null
+++ b/img/schnorr-taproot.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
+  <defs>
+    <linearGradient id="bgSchnorr" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#1a1a2e"/>
+      <stop offset="100%" style="stop-color:#16213e"/>
+    </linearGradient>
+  </defs>
+
+  <rect width="400" height="300" fill="url(#bgSchnorr)"/>
+
+  <!-- Taproot tree structure -->
+  <!-- Root -->
+  <circle cx="200" cy="70" r="25" fill="#f7931a" opacity="0.9"/>
+  <text x="200" y="75" font-family="monospace" font-size="10" fill="#1a1a2e" text-anchor="middle">Root</text>
+
+  <!-- Branches -->
+  <line x1="185" y1="90" x2="130" y2="130" stroke="#00d4aa" stroke-width="2"/>
+  <line x1="215" y1="90" x2="270" y2="130" stroke="#00d4aa" stroke-width="2"/>
+
+  <!-- Left node (Key Path) -->
+  <circle cx="130" cy="145" r="20" fill="#00d4aa" opacity="0.8"/>
+  <text x="130" y="150" font-family="monospace" font-size="8" fill="#1a1a2e" text-anchor="middle">Key</text>
+
+  <!-- Right node (Script Path) -->
+  <circle cx="270" cy="145" r="20" fill="#9945ff" opacity="0.8"/>
+  <text x="270" y="150" font-family="monospace" font-size="8" fill="#ffffff" text-anchor="middle">Script</text>
+
+  <!-- Script leaves -->
+  <line x1="255" y1="160" x2="220" y2="190" stroke="#9945ff" stroke-width="1.5"/>
+  <line x1="270" y1="165" x2="270" y2="195" stroke="#9945ff" stroke-width="1.5"/>
+  <line x1="285" y1="160" x2="320" y2="190" stroke="#9945ff" stroke-width="1.5"/>
+
+  <rect x="200" y="190" width="40" height="25" rx="3" fill="#9945ff" opacity="0.6"/>
+  <rect x="250" y="195" width="40" height="25" rx="3" fill="#9945ff" opacity="0.6"/>
+  <rect x="300" y="190" width="40" height="25" rx="3" fill="#9945ff" opacity="0.6"/>
+
+  <text x="220" y="207" font-family="monospace" font-size="7" fill="#fff" text-anchor="middle">2-of-3</text>
+  <text x="270" y="212" font-family="monospace" font-size="7" fill="#fff" text-anchor="middle">HTLC</text>
+  <text x="320" y="207" font-family="monospace" font-size="7" fill="#fff" text-anchor="middle">Time</text>
+
+  <!-- Schnorr signature formula -->
+  <text x="200" y="250" font-family="monospace" font-size="12" fill="#f7931a" text-anchor="middle">s = k + e·x</text>
+  <text x="200" y="270" font-family="monospace" font-size="10" fill="#666" text-anchor="middle">Schnorr Signature</text>
+
+  <!-- Title -->
+  <text x="60" y="40" font-family="Arial" font-size="14" font-weight="bold" fill="#ffffff">Schnorr</text>
+  <text x="60" y="58" font-family="Arial" font-size="14" font-weight="bold" fill="#00d4aa">&amp; Taproot</text>
+</svg>
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..fcbec061
--- /dev/null
+++ b/index.html
@@ -0,0 +1,459 @@
+---
+title: Cypherpunks Taiwan
+subtitle: 密碼學使自由和隱私再次偉大
+layout: default
+hide_hero: true
+show_sidebar: false
+description: 密碼學使自由和隱私再次偉大。Cryptography makes freedom and privacy great again.
+---
+
+<!-- Hero Section - V2.2 Matrix Hacker Style -->
+<section class="hero relative py-16 md:py-24 overflow-hidden -mt-8 -mx-4 md:-mx-8 border-b border-cp-dark-400 bg-transparent">
+  <!-- Matrix Rain Background -->
+  <div id="matrix-rain" class="absolute inset-0 z-0"></div>
+
+  <!-- Hero Content -->
+  <div class="relative z-10 container mx-auto px-4 max-w-5xl">
+
+    <!-- ASCII Art Logo with Glitch Effect -->
+    <div class="text-center mb-8 bg-transparent" data-parallax="0.3">
+      <pre id="ascii-logo" class="glitch-text inline-block text-[0.35rem] sm:text-[0.45rem] md:text-[0.55rem] lg:text-xs leading-tight text-cp-green-500 font-mono !bg-transparent !border-none !p-0 !rounded-none !shadow-none !m-0" data-text="CYPHERPUNKS">
+ ██████╗██╗   ██╗██████╗ ██╗  ██╗███████╗██████╗ ██████╗ ██╗   ██╗███╗   ██╗██╗  ██╗███████╗
+██╔════╝╚██╗ ██╔╝██╔══██╗██║  ██║██╔════╝██╔══██╗██╔══██╗██║   ██║████╗  ██║██║ ██╔╝██╔════╝
+██║      ╚████╔╝ ██████╔╝███████║█████╗  ██████╔╝██████╔╝██║   ██║██╔██╗ ██║█████╔╝ ███████╗
+██║       ╚██╔╝  ██╔═══╝ ██╔══██║██╔══╝  ██╔══██╗██╔═══╝ ██║   ██║██║╚██╗██║██╔═██╗ ╚════██║
+╚██████╗   ██║   ██║     ██║  ██║███████╗██║  ██║██║     ╚██████╔╝██║ ╚████║██║  ██╗███████║
+ ╚═════╝   ╚═╝   ╚═╝     ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚═╝      ╚═════╝ ╚═╝  ╚═══╝╚═╝  ╚═╝╚══════╝</pre>
+    </div>
+
+    <!-- Taiwan Badge with Glow -->
+    <div class="text-center mb-8" data-parallax="0.2">
+      <span class="inline-block px-6 py-2 border border-cp-green-500 text-cp-green-500 font-mono text-sm tracking-[0.3em] glow-border hover:bg-cp-green-500/10 transition-all duration-300">
+        TAIWAN
+      </span>
+    </div>
+
+    <!-- Tagline with Typewriter Effect -->
+    <div class="text-center mb-10" data-parallax="0.1">
+      <p id="typewriter-zh" class="text-cp-dark-700 font-mono text-lg md:text-xl mb-3 h-8">
+        <span class="typewriter-cursor">_</span>
+      </p>
+      <p id="typewriter-en" class="text-cp-dark-600 font-mono text-sm md:text-base h-6">
+        <span class="typewriter-cursor">_</span>
+      </p>
+    </div>
+
+    <!-- CTA + Stats -->
+    <div class="flex flex-col sm:flex-row items-center justify-center gap-8 fade-in-up" data-delay="1500">
+      <!-- CTA Buttons -->
+      <div class="flex items-center gap-4">
+        <a href="{{ '/blog/' | relative_url }}" class="btn btn-primary group">
+          <span>瀏覽文章</span>
+          <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/>
+          </svg>
+        </a>
+        <a href="{{ '/markdown/products/' | relative_url }}" class="btn btn-outline">
+          書籍資源
+        </a>
+      </div>
+
+      <!-- Divider -->
+      <div class="hidden sm:block w-px h-10 bg-cp-green-500/30"></div>
+
+      <!-- Quick Stats with Counter Animation -->
+      <div class="flex items-center gap-6 text-center font-mono">
+        <div class="stat-item group">
+          <div class="text-2xl font-bold text-cp-green-500 stat-number">
+            <span class="counter" data-target="{{ site.posts.size }}" data-suffix="+">0</span>
+          </div>
+          <div class="text-xs text-cp-dark-600 tracking-wider uppercase">文章</div>
+        </div>
+        <div class="stat-divider w-px h-8 bg-cp-dark-400"></div>
+        <div class="stat-item group">
+          <div class="text-2xl font-bold text-cp-green-500 stat-number">
+            <span class="counter" data-target="{{ site.products.size }}" data-suffix="+">0</span>
+          </div>
+          <div class="text-xs text-cp-dark-600 tracking-wider uppercase">書籍</div>
+        </div>
+        <div class="stat-divider w-px h-8 bg-cp-dark-400"></div>
+        <div class="stat-item group">
+          <div class="text-2xl font-bold text-cp-green-500 stat-number">
+            <span class="counter" data-target="2019" data-prefix="Since ">0</span>
+          </div>
+          <div class="text-xs text-cp-dark-600 tracking-wider uppercase">成立</div>
+        </div>
+      </div>
+    </div>
+
+  </div>
+
+  <!-- Scroll Indicator -->
+  <div class="absolute bottom-6 left-1/2 -translate-x-1/2 z-10 animate-bounce">
+    <svg class="w-6 h-6 text-cp-green-500/50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"/>
+    </svg>
+  </div>
+</section>
+
+<!-- Terminal Interactive Section - Bitcoin Core Style -->
+<section class="py-20 border-b border-cp-dark-400 scroll-reveal">
+  <div class="max-w-4xl mx-auto">
+    <h2 class="text-2xl font-bold font-mono text-cp-green-500 mb-10 text-center">
+      <span class="text-cp-dark-600">//</span> Interactive Terminal
+    </h2>
+
+    <div class="terminal-window bg-cp-dark-100 rounded-lg border border-cp-dark-400 overflow-hidden shadow-2xl">
+      <!-- Terminal Header -->
+      <div class="terminal-header flex items-center gap-2 px-4 py-3 bg-cp-dark-200 border-b border-cp-dark-400">
+        <div class="flex gap-2">
+          <span class="w-3 h-3 rounded-full bg-red-500"></span>
+          <span class="w-3 h-3 rounded-full bg-yellow-500"></span>
+          <span class="w-3 h-3 rounded-full bg-green-500"></span>
+        </div>
+        <span class="ml-4 text-cp-dark-600 font-mono text-sm">bitcoin-cli — cypherpunks@taiwan</span>
+      </div>
+
+      <!-- Terminal Body -->
+      <div id="terminal-output" class="terminal-body p-4 font-mono text-sm h-64 overflow-y-auto">
+        <div class="terminal-line text-cp-dark-600">
+          Welcome to Cypherpunks Taiwan Terminal v2.2
+        </div>
+        <div class="terminal-line text-cp-dark-600">
+          Type <span class="text-cp-green-500">help</span> to see available commands.
+        </div>
+        <div class="terminal-line text-cp-dark-600 mb-4">
+          ───────────────────────────────────────────
+        </div>
+      </div>
+
+      <!-- Terminal Input -->
+      <div class="terminal-input-area flex items-center px-4 py-3 bg-cp-dark-200 border-t border-cp-dark-400">
+        <span class="text-bitcoin-orange font-mono mr-2">bitcoin-cli&gt;</span>
+        <div class="flex-1 relative flex items-center">
+          <input
+            type="text"
+            id="terminal-input"
+            class="flex-1 bg-transparent text-cp-green-500 font-mono outline-none placeholder-cp-dark-500 caret-transparent"
+            placeholder="Enter command..."
+            autocomplete="off"
+          >
+          <span id="terminal-cursor" class="terminal-cursor-blink absolute text-cp-green-500 font-mono pointer-events-none">▋</span>
+        </div>
+      </div>
+    </div>
+
+    <p class="text-center text-cp-dark-600 font-mono text-xs mt-4">
+      試試輸入: <code class="text-cp-green-500">help</code>, <code class="text-cp-green-500">about</code>, <code class="text-cp-green-500">btc</code>, <code class="text-cp-green-500">manifesto</code>
+    </p>
+  </div>
+</section>
+
+<!-- Cypherpunk History Timeline -->
+<section class="py-20 border-b border-cp-dark-400 scroll-reveal">
+  <div class="max-w-4xl mx-auto">
+    <h2 class="text-2xl font-bold font-mono text-cp-green-500 mb-14 text-center">
+      <span class="text-cp-dark-600">//</span> Cypherpunk 歷史
+    </h2>
+
+    <div class="timeline relative">
+      <!-- Timeline Line with Animation -->
+      <div class="timeline-line absolute left-4 md:left-1/2 top-0 bottom-0 w-0.5 md:-translate-x-1/2"></div>
+
+      <!-- Timeline Items -->
+      <div class="timeline-item mb-12 relative pl-12 md:pl-0 md:w-1/2 md:pr-12 scroll-reveal" data-delay="100">
+        <div class="timeline-dot absolute left-3 md:left-auto md:right-0 w-3 h-3 bg-cp-green-500 rounded-full md:translate-x-1/2 glow-dot"></div>
+        <div class="timeline-content p-4 bg-cp-dark-100 border border-cp-dark-400 rounded-lg hover:border-cp-green-500/50 transition-colors">
+          <span class="text-cp-green-500 font-mono text-sm">1992</span>
+          <h3 class="text-cp-dark-800 font-bold mt-1">Cypherpunks 郵件列表成立</h3>
+          <p class="text-cp-dark-600 text-sm mt-2">Eric Hughes, Timothy C. May, John Gilmore 創立了 Cypherpunks 郵件列表，開啟了密碼龐克運動。</p>
+        </div>
+      </div>
+
+      <div class="timeline-item mb-12 relative pl-12 md:pl-0 md:w-1/2 md:ml-auto md:pl-12 scroll-reveal" data-delay="200">
+        <div class="timeline-dot absolute left-3 md:left-0 w-3 h-3 bg-cp-green-500 rounded-full md:-translate-x-1/2 glow-dot"></div>
+        <div class="timeline-content p-4 bg-cp-dark-100 border border-cp-dark-400 rounded-lg hover:border-cp-green-500/50 transition-colors">
+          <span class="text-cp-green-500 font-mono text-sm">1993</span>
+          <h3 class="text-cp-dark-800 font-bold mt-1">A Cypherpunk's Manifesto</h3>
+          <p class="text-cp-dark-600 text-sm mt-2">Eric Hughes 發表《密碼龐克宣言》，宣告「隱私對於電子時代的開放社會是必要的」。</p>
+        </div>
+      </div>
+
+      <div class="timeline-item mb-12 relative pl-12 md:pl-0 md:w-1/2 md:pr-12 scroll-reveal" data-delay="300">
+        <div class="timeline-dot absolute left-3 md:left-auto md:right-0 w-3 h-3 bg-cp-green-500 rounded-full md:translate-x-1/2 glow-dot"></div>
+        <div class="timeline-content p-4 bg-cp-dark-100 border border-cp-dark-400 rounded-lg hover:border-cp-green-500/50 transition-colors">
+          <span class="text-cp-green-500 font-mono text-sm">1997</span>
+          <h3 class="text-cp-dark-800 font-bold mt-1">HashCash 提出</h3>
+          <p class="text-cp-dark-600 text-sm mt-2">Adam Back 提出 HashCash，工作量證明 (PoW) 概念首次出現，後成為比特幣的基礎。</p>
+        </div>
+      </div>
+
+      <div class="timeline-item mb-12 relative pl-12 md:pl-0 md:w-1/2 md:ml-auto md:pl-12 scroll-reveal" data-delay="400">
+        <div class="timeline-dot absolute left-3 md:left-0 w-3 h-3 bg-cp-green-500 rounded-full md:-translate-x-1/2 glow-dot"></div>
+        <div class="timeline-content p-4 bg-cp-dark-100 border border-cp-dark-400 rounded-lg hover:border-cp-green-500/50 transition-colors">
+          <span class="text-cp-green-500 font-mono text-sm">1998</span>
+          <h3 class="text-cp-dark-800 font-bold mt-1">B-Money & Bit Gold</h3>
+          <p class="text-cp-dark-600 text-sm mt-2">Wei Dai 提出 b-money，Nick Szabo 提出 Bit Gold，這些概念深深影響了比特幣的設計。</p>
+        </div>
+      </div>
+
+      <div class="timeline-item mb-12 relative pl-12 md:pl-0 md:w-1/2 md:pr-12 scroll-reveal" data-delay="500">
+        <div class="timeline-dot absolute left-3 md:left-auto md:right-0 w-3 h-3 bg-bitcoin-orange rounded-full md:translate-x-1/2 glow-dot-orange"></div>
+        <div class="timeline-content p-4 bg-cp-dark-100 border border-bitcoin-orange/50 rounded-lg hover:border-bitcoin-orange transition-colors">
+          <span class="text-bitcoin-orange font-mono text-sm">2008</span>
+          <h3 class="text-cp-dark-800 font-bold mt-1">Bitcoin 白皮書發布</h3>
+          <p class="text-cp-dark-600 text-sm mt-2">Satoshi Nakamoto 發布《Bitcoin: A Peer-to-Peer Electronic Cash System》，密碼龐克的夢想開始實現。</p>
+        </div>
+      </div>
+
+      <div class="timeline-item mb-12 relative pl-12 md:pl-0 md:w-1/2 md:ml-auto md:pl-12 scroll-reveal" data-delay="600">
+        <div class="timeline-dot absolute left-3 md:left-0 w-3 h-3 bg-bitcoin-orange rounded-full md:-translate-x-1/2 glow-dot-orange"></div>
+        <div class="timeline-content p-4 bg-cp-dark-100 border border-bitcoin-orange/50 rounded-lg hover:border-bitcoin-orange transition-colors">
+          <span class="text-bitcoin-orange font-mono text-sm">2009</span>
+          <h3 class="text-cp-dark-800 font-bold mt-1">Bitcoin 創世區塊</h3>
+          <p class="text-cp-dark-600 text-sm mt-2">比特幣創世區塊被挖出，區塊包含訊息：「The Times 03/Jan/2009 Chancellor on brink of second bailout for banks」</p>
+        </div>
+      </div>
+
+      <div class="timeline-item relative pl-12 md:pl-0 md:w-1/2 md:pr-12 scroll-reveal" data-delay="700">
+        <div class="timeline-dot absolute left-3 md:left-auto md:right-0 w-3 h-3 bg-cp-green-500 rounded-full md:translate-x-1/2 glow-dot"></div>
+        <div class="timeline-content p-4 bg-cp-dark-100 border border-cp-green-500/50 rounded-lg hover:border-cp-green-500 transition-colors">
+          <span class="text-cp-green-500 font-mono text-sm">2019</span>
+          <h3 class="text-cp-dark-800 font-bold mt-1">Cypherpunks Taiwan 成立</h3>
+          <p class="text-cp-dark-600 text-sm mt-2">致力於推廣密碼學與隱私技術，連結全球 Cypherpunk 社群與台灣開發者。</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- Manifesto Section with Parallax -->
+<section class="py-20 border-b border-cp-dark-400 scroll-reveal">
+  <div class="max-w-4xl mx-auto">
+    <div class="text-center mb-10">
+      <h2 class="text-2xl md:text-3xl font-bold font-mono text-cp-green-500 mb-4">
+        <span class="text-cp-dark-600">//</span> Cypherpunk's Manifesto
+      </h2>
+      <p class="text-cp-dark-600 font-mono text-sm">Eric Hughes, 1993</p>
+    </div>
+
+    <blockquote class="relative p-8 md:p-10 bg-cp-dark-100 border-l-4 border-cp-green-500 rounded-r-lg hover:bg-cp-dark-200/50 transition-colors">
+      <div class="absolute top-4 left-4 text-7xl text-cp-green-500/10 font-serif">"</div>
+      <p class="text-cp-dark-700 font-mono text-base md:text-lg leading-relaxed pl-8 typing-quote">
+        Privacy is necessary for an open society in the electronic age. Privacy is not secrecy.
+        A private matter is something one doesn't want the whole world to know, but a secret matter
+        is something one doesn't want anybody to know. Privacy is the power to selectively reveal
+        oneself to the world.
+      </p>
+      <footer class="mt-6 pl-8 text-cp-dark-600 font-mono text-sm">
+        — A Cypherpunk's Manifesto
+      </footer>
+    </blockquote>
+
+    <div class="mt-10 text-center">
+      <p class="text-cp-green-500 font-mono font-bold text-xl glitch-text-subtle" data-text="Cypherpunks write code.">
+        "Cypherpunks write code."
+      </p>
+    </div>
+  </div>
+</section>
+
+<!-- Latest Posts Section -->
+<section class="py-20 border-b border-cp-dark-400">
+  <div class="max-w-6xl mx-auto">
+    <div class="flex items-center justify-between mb-12 scroll-reveal">
+      <h2 class="text-2xl font-bold font-mono text-cp-green-500">
+        <span class="text-cp-dark-600">//</span> 最新文章
+      </h2>
+      <a href="{{ '/blog/' | relative_url }}" class="text-cp-green-500 font-mono text-sm hover:text-cp-green-400 transition-colors flex items-center gap-2 group">
+        查看全部
+        <svg class="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+        </svg>
+      </a>
+    </div>
+
+    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
+      {% for post in site.posts limit:6 %}
+      <article class="card group card-3d scroll-reveal" data-delay="{{ forloop.index | times: 100 }}">
+        <a href="{{ post.url | relative_url }}" class="block p-5">
+          {% if post.image %}
+          <div class="mb-4 overflow-hidden rounded-lg border border-cp-dark-400">
+            <img src="{{ post.image | relative_url }}" alt="{{ post.title }}" class="w-full h-40 object-cover group-hover:scale-110 transition-transform duration-500" loading="lazy">
+          </div>
+          {% endif %}
+
+          <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2 line-clamp-2">
+            {{ post.title }}
+          </h3>
+
+          <p class="text-cp-dark-600 text-sm line-clamp-2 mb-3">
+            {{ post.excerpt | strip_html | truncate: 100 }}
+          </p>
+
+          <div class="flex items-center justify-between text-xs text-cp-dark-600 font-mono">
+            <time datetime="{{ post.date | date_to_xmlschema }}">
+              {{ post.date | date: "%Y-%m-%d" }}
+            </time>
+            {% if post.tags.size > 0 %}
+            <span class="px-2 py-0.5 bg-cp-dark-200 rounded">{{ post.tags | first }}</span>
+            {% endif %}
+          </div>
+        </a>
+      </article>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+<!-- Resources Section -->
+<section class="py-20 border-b border-cp-dark-400">
+  <div class="max-w-6xl mx-auto">
+    <h2 class="text-2xl font-bold font-mono text-cp-green-500 mb-12 text-center scroll-reveal">
+      <span class="text-cp-dark-600">//</span> 資源庫
+    </h2>
+
+    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
+      <!-- Bitcoin -->
+      <a href="{{ '/markdown/resources/resources-bitcoin/' | relative_url }}" class="card p-6 group card-3d scroll-reveal" data-delay="100">
+        <div class="w-14 h-14 bg-bitcoin-orange/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-bitcoin-orange/20 transition-colors group-hover:scale-110 duration-300">
+          <span class="text-3xl text-bitcoin-orange">₿</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          Bitcoin 比特幣
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          比特幣核心技術、協議、開發資源
+        </p>
+      </a>
+
+      <!-- Lightning Network -->
+      <a href="{{ '/markdown/resources/resources-ln/' | relative_url }}" class="card p-6 group card-3d scroll-reveal" data-delay="200">
+        <div class="w-14 h-14 bg-cp-green-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-cp-green-500/20 transition-colors group-hover:scale-110 duration-300">
+          <span class="text-3xl">⚡</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          Lightning Network
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          閃電網路技術、節點、錢包資源
+        </p>
+      </a>
+
+      <!-- Privacy -->
+      <a href="{{ '/markdown/resources/resources-blockchain-privacy/' | relative_url }}" class="card p-6 group card-3d scroll-reveal" data-delay="300">
+        <div class="w-14 h-14 bg-cp-green-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-cp-green-500/20 transition-colors group-hover:scale-110 duration-300">
+          <span class="text-3xl">🔒</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          Blockchain Privacy
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          區塊鏈隱私技術、混幣、零知識證明
+        </p>
+      </a>
+
+      <!-- Schnorr -->
+      <a href="{{ '/markdown/resources/resources-schnorr-signature/' | relative_url }}" class="card p-6 group card-3d scroll-reveal" data-delay="400">
+        <div class="w-14 h-14 bg-cp-green-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-cp-green-500/20 transition-colors group-hover:scale-110 duration-300">
+          <span class="text-3xl font-mono text-cp-green-500">σ</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          Schnorr Signature
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          Schnorr 簽名、Taproot、MuSig
+        </p>
+      </a>
+
+      <!-- Ethereum -->
+      <a href="{{ '/markdown/resources/resources-ethereum/' | relative_url }}" class="card p-6 group card-3d scroll-reveal" data-delay="500">
+        <div class="w-14 h-14 bg-cp-green-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-cp-green-500/20 transition-colors group-hover:scale-110 duration-300">
+          <span class="text-3xl">Ξ</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          Ethereum 以太坊
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          以太坊智能合約、DeFi、Layer 2
+        </p>
+      </a>
+
+      <!-- Books -->
+      <a href="{{ '/markdown/products/' | relative_url }}" class="card p-6 group card-3d scroll-reveal" data-delay="600">
+        <div class="w-14 h-14 bg-cp-green-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-cp-green-500/20 transition-colors group-hover:scale-110 duration-300">
+          <span class="text-3xl">📚</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          書籍 & 論文
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          密碼學、區塊鏈相關書籍與論文
+        </p>
+      </a>
+    </div>
+  </div>
+</section>
+
+<!-- Partners Section -->
+<section class="py-20 border-b border-cp-dark-400">
+  <div class="max-w-6xl mx-auto">
+    <h2 class="text-2xl font-bold font-mono text-cp-green-500 mb-12 text-center scroll-reveal">
+      <span class="text-cp-dark-600">//</span> 合作夥伴
+    </h2>
+
+    <div class="flex flex-wrap items-center justify-center gap-10 scroll-reveal">
+      <a href="https://taipeihack.org/" target="_blank" rel="noopener noreferrer" class="grayscale hover:grayscale-0 opacity-50 hover:opacity-100 transition-all duration-300 hover:scale-110">
+        <img src="{{ '/img/logo-taipeihackerspace.jpg' | relative_url }}" alt="Taipei Hackerspace" class="h-14 md:h-16 w-auto rounded">
+      </a>
+      <a href="https://blockstream.com" target="_blank" rel="noopener noreferrer" class="grayscale hover:grayscale-0 opacity-50 hover:opacity-100 transition-all duration-300 hover:scale-110">
+        <img src="{{ '/img/logo-blockstream.png' | relative_url }}" alt="Blockstream" class="h-10 md:h-12 w-auto">
+      </a>
+      <a href="https://www.blocktempo.com" target="_blank" rel="noopener noreferrer" class="grayscale hover:grayscale-0 opacity-50 hover:opacity-100 transition-all duration-300 hover:scale-110">
+        <img src="{{ '/img/logo-blocktempo.jpg' | relative_url }}" alt="BlockTempo" class="h-14 md:h-16 w-auto rounded">
+      </a>
+      <a href="https://nayuta.co" target="_blank" rel="noopener noreferrer" class="grayscale hover:grayscale-0 opacity-50 hover:opacity-100 transition-all duration-300 hover:scale-110">
+        <img src="{{ '/img/logo-nayuta.jpg' | relative_url }}" alt="Nayuta" class="h-14 md:h-16 w-auto rounded">
+      </a>
+      <a href="https://moztw.org/space/" target="_blank" rel="noopener noreferrer" class="grayscale hover:grayscale-0 opacity-50 hover:opacity-100 transition-all duration-300 hover:scale-110">
+        <img src="{{ '/img/logo-mozilla.png' | relative_url }}" alt="Mozilla" class="h-14 md:h-16 w-auto">
+      </a>
+      <a href="https://pelith.com" target="_blank" rel="noopener noreferrer" class="grayscale hover:grayscale-0 opacity-50 hover:opacity-100 transition-all duration-300 hover:scale-110">
+        <img src="{{ '/img/logo-pelith.png' | relative_url }}" alt="Pelith" class="h-12 md:h-14 w-auto">
+      </a>
+    </div>
+  </div>
+</section>
+
+
+<!-- Social Links Section -->
+<section class="py-20 bg-cp-dark-100 -mx-4 md:-mx-8 px-4 md:px-8">
+  <div class="max-w-4xl mx-auto text-center">
+    <h2 class="text-2xl font-bold font-mono text-cp-green-500 mb-12 scroll-reveal">
+      <span class="text-cp-dark-600">//</span> 加入我們
+    </h2>
+
+    <div class="flex flex-wrap items-center justify-center gap-6 scroll-reveal">
+      <a href="https://github.com/cypherpunks-core" target="_blank" rel="noopener noreferrer" class="social-btn flex items-center gap-3 px-8 py-4 bg-cp-dark-200 border border-cp-dark-400 rounded-lg hover:border-cp-green-500 hover:text-cp-green-500 transition-all font-mono group">
+        <svg class="w-6 h-6 group-hover:scale-110 transition-transform" fill="currentColor" viewBox="0 0 24 24">
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.17 6.839 9.49.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.604-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.464-1.11-1.464-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0112 6.836c.85.004 1.705.114 2.504.336 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.167 22 16.418 22 12c0-5.523-4.477-10-10-10z"/>
+        </svg>
+        GitHub
+      </a>
+
+      <a href="https://www.facebook.com/CypherpunksTW/" target="_blank" rel="noopener noreferrer" class="social-btn flex items-center gap-3 px-8 py-4 bg-cp-dark-200 border border-cp-dark-400 rounded-lg hover:border-cp-green-500 hover:text-cp-green-500 transition-all font-mono group">
+        <svg class="w-6 h-6 group-hover:scale-110 transition-transform" fill="currentColor" viewBox="0 0 24 24">
+          <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
+        </svg>
+        Facebook
+      </a>
+
+      <a href="https://www.youtube.com/channel/UCBRErExyxjRSuPLBjfL2GVA" target="_blank" rel="noopener noreferrer" class="social-btn flex items-center gap-3 px-8 py-4 bg-cp-dark-200 border border-cp-dark-400 rounded-lg hover:border-cp-green-500 hover:text-cp-green-500 transition-all font-mono group">
+        <svg class="w-6 h-6 group-hover:scale-110 transition-transform" fill="currentColor" viewBox="0 0 24 24">
+          <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
+        </svg>
+        YouTube
+      </a>
+    </div>
+  </div>
+</section>
diff --git a/index.md b/index.md
deleted file mode 100644
index e4486d8b..00000000
--- a/index.md
+++ /dev/null
@@ -1,40 +0,0 @@
----
-title: Cypherpunks Taiwan
-subtitle: 密碼學使自由和隱私再次偉大
-layout: page
-# callouts: example_callouts
-hide_hero: false
-hero_image: /img/hero.png
-image: /img/66.jpg
-show_sidebar: true
-description: 密碼學使自由和隱私再次偉大。Cryptography makes freedom and privacy great again.
-hero_height: 0
-hero_link: https://github.com/cypherpunks-core/cypherpunks-core.github.io
-hero_link_text: Github
----
-## 相關訊息 | Related information
-* [Cypherpunks Github](https://github.com/cypherpunks-core)
-* [Cypherpunks 官方網站 ｜ Official website](http://cypherpunks-core.github.io)
-* [Cypherpunks Facebook 粉絲專頁 ｜ Facebook fan page](https://www.facebook.com/CypherpunksTW/)
-* [Cypherpunks Youtube 頻道 ｜ Youtube channel](https://www.youtube.com/channel/UCBRErExyxjRSuPLBjfL2GVA)
-* [Cypherpunks 講者投影片 ｜ Speaker slide](http://sc.piee.pw/F9Z9V)
-
-## 其他 | Other
-* [最早的 BitCoin v0.1.5 ALPHA ｜ The earliest BitCoin v0.1.5 ALPHA](https://github.com/cypherpunks-core/bitcoin)
-
-## 相關新聞 | Related news
-* 2019-07-24 「不用網路、從太空收比特幣」—— 台北架設了亞洲唯二的「比特幣衛星接收器」    
-  [動區動趨 BlockTEMPO](https://www.blocktempo.com/cypherpunks-sets-the-blockstream-satellite-receiver/)、[链闻](https://www.chainnews.com/articles/271121801596.htm)
-* 2019-07-09 區塊鏈技術公司 Blockstream 在台北：深入比特幣側鏈 Liquid Network     
-  [動區動趨 BlockTEMPO](https://www.blocktempo.com/blockstream-explained-liquid-network-in-cypherpunks-taiwan/)
-* 2019-07-08 區塊鏈技術公司 Blockstream 在台北：深入比特幣衛星計畫     
-  [動區動趨 BlockTEMPO](https://www.blocktempo.com/blockstream-in-taiwna-sharing-their-blockstream-satellite-project/) 、[BTC01](https://btc01.co/?p=18563)
-* 2019-04-19 發文互動賺比特幣，台灣論壇「密碼龐克」將透過閃電網路分發獎勵     
-  [動區動趨 BlockTEMPO](https://www.blocktempo.com/cypherpunk-taiwan-lightning-tipping/)
-* 2019-03-03 台灣成立新社群平台「密碼龐克」— 從比特幣核心精神進行「在鏈上的交流」
-*     [動區動趨 BlockTEMPO](https://www.blocktempo.com/cypher-punk-taiwan-forum/)、[浮云网](http://fuyun.one/block-3063.html)
-*  2019-01-25 區塊鏈的再審視，回歸密碼龐克初衷     
-  [動區動趨 BlockTEMPO](https://www.blocktempo.com/cypherpunk-blockchain-re-evaluation-2/)、[巴比特](https://www.8btc.com/article/356346)、[陀螺财经](https://www.tuoluocaijing.cn/article/detail-28371.html)、[區塊文摘](https://www.blocksummary.com/%E3%80%8C%E5%8D%80%E5%A1%8A%E9%8F%88%E7%9A%84%E5%86%8D%E5%AF%A9%E8%A6%96%EF%BC%8C%E5%9B%9E%E6%AD%B8%E5%AF%86%E7%A2%BC%E9%BE%90%E5%85%8B%E5%88%9D%E8%A1%B7%E3%80%8D-%E6%AF%94%E7%89%B9/)
-
-## 合作過的夥伴 ｜ Partners
-[<img width="200" src="/img/logo-taipeihackerspace.jpg">](https://taipeihack.org/)[<img width="400" src="/img/logo-blockstream.png">](https://blockstream.com)[<img width="200" src="/img/logo-blocktempo.jpg">](https://www.blocktempo.com)[<img width="200" src="/img/logo-nayuta.jpg">](https://nayuta.co)[<img width="200" src="/img/logo-mozilla.png">](https://moztw.org/space/)[<img width="200" src="/img/logo-litecoin.jpg">](https://litecoin-foundation.org)[<img width="200" src="/img/logo-maskbook.png">](https://maskbook.com)[<img width="200" src="/img/logo-cortex.jpg">](https://www.cortexlabs.ai)[<img width="200" src="/img/logo-pelith.png">](https://pelith.com)[<img width="200" src="/img/71.jpeg">](https://www.meetup.com/Taipei-Bitcoin-Meetup-Group/)[<img width="200" src="/img/72.png">](https://www.facebook.com/groups/bitcoin.tw/)
\ No newline at end of file
diff --git a/markdown/about.md b/markdown/about.md
index 2b2ed943..ae73b5f9 100644
--- a/markdown/about.md
+++ b/markdown/about.md
@@ -2,36 +2,10 @@
 title: 關於我們
 subtitle: About Us
 layout: page
-# callouts: home_callouts
-# hide_hero: true
-hero_image: /img/hero.png
 show_sidebar: true
 image: /img/66.jpg
-hero_height: 0
 ---
 
-「Cypherpunks Taiwan 密碼龐克」網站致力建立最具影響力的區塊鏈、比特幣、以太坊技術中文交流平台，掌握技術開發最新資訊，成為開發者、研究員的最佳利器。2018年12月密碼龐克網站平台正式創立，主要由東晃慈（Koji Higashi）、陳伯韋共同經營。密碼龐克是一個很有歷史的密碼學組織，以隱私、自由、匿名為最高宗旨的精神，正因為有這樣的精神所以才需要密碼學，因此我們決定取名叫「Cypherpunks Taiwan 密碼龐克」。沿用了「密碼龐克」一詞背後延伸的理念，期待可以建立一個針對區塊鏈、比特幣、以太坊技術學習資源網站，讓學習資源、最新訊息可以廣為流通與分享，更多開發者和研究員能夠因為掌握了第一手的開發經驗、最新資訊，站在巨人的肩膀上，看得比別人更遠。近期探索的議題包括比特幣（Bitcoins）、以太坊（Ethereum）、智能合約（Smart contracts）、第二層協議（Second-layer solutions）等，主題多元有趣，歡迎各界好朋友與我們一同探索。
-
-Cypherpunks Taiwan is the only go-to source compiling all things related to the technology behind cryptocurrencies in the Chinese-speaking world. The site was established by three Taiwan-based crypto influencers: Koji Higashi, Po-Wei Chen in December 2018. The core members manage the website on a daily basis. The website exist to empower developers and businesses to do more with blockchain. It aims to provide best resources, materials, and information about Blockchain, Bitcoin, Ethereum, Smart Contracts, and second-layer solutions to a broader audience.
-
-# 團隊成員 | Meet the Team
-
-| Name............... | 個人簡介 | 
-| ------- | -------- | 
-| **Chen PoWei**<img width="200" src="/img/chenpo.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/pw.chen.bitcoiner)   [<img width="18" src="/img/icon-twitter.png"/>](https://twitter.com/PWChenD)   [<img width="18" src="/img/icon-github.png"/>](https://github.com/ChenPoWei)   [<img width="18" src="/img/icon-web.png"/>](http://chenpowei.github.io) | 陳伯韋於2014年開始研究比特幣且共同經營"Bitcoin 比特幣中文社團"的管理員，目前人數高達四萬五千人，2016年攻讀北京大學碩士，並於兩年內完成三年的碩士學位，在這五年間伯韋發表了十篇論文，當中四篇為IEEE國際會議，並且得到TANET最佳論文的殊榮。2018年回到台灣創建"Cypherpunks Taiwan"以隱私與自由為主題的技術社區。個人研究興趣為洋蔥網路、比特幣、防火牆。 |
-| **Koji Higashi**<img width="200" src="/img/koji.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/kojisanh)   [<img width="18" src="/img/icon-twitter.png"/>](https://twitter.com/Coin_and_Peace)   [<img width="18" src="/img/icon-medium.png"/>](https://medium.com/@coin_and_peace)   [<img width="18" src="/img/icon-web.png"/>](https://www.kojihigashi.info/) | 日籍比特幣創業家東晃慈認識比特幣背後的機制和巨大的潛力深受感動，2014年開始全職投入加密貨幣領域。除了經營日本區塊鏈媒體及專案管理區塊鏈專案之外，同時積極參與代幣服務的開發，被公認為日本發展代幣經濟的先驅。 2012年畢業於美國加州大學柏克萊分校。 |
-| **Milo**<img width="200" src="/img/milo.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/milochen0418)   [<img width="18" src="/img/icon-twitter.png"/>](https://twitter.com/milochen0418)   [<img width="18" src="/img/icon-github.png"/>](https://github.com/milochen0418)   [<img width="18" src="/img/icon-medium.png"/>](https://medium.com/@milochen) | 過去主修過電子、資訊以及法律,多年以來總是將新科技導入於應用創新，來解決世界的問題。目前就職於醫療產業，運用 IoT 與 AI 科技, 致力於改善癌症治療。未來則是希望使用區塊鏈科技讓世界變的更好。 |
-| **PandaTseng**<img width="200" src="/img/PandaTseng.jpg" /><a href="https://www.facebook.com/profile.php?id=100023924749209"><img width="18" src="/img/icon-fb.png" /></a> <a href="https://twitter.com/pandazeng1"><img width="18" src="/img/icon-twitter.png" /></a>   <a href="https://github.com/panda850819"><img width="18" src="/img/icon-github.png" /></a> <a href="https://medium.com/@kiss851990"><img width="18" src="/img/icon-medium.png" /></a> <a href="http://panda850819.github.io"><img width="18" src="/img/icon-web.png" /></a> | Hi I'm Panda，目前為高科大區塊鏈研究社擔任創社社長、台灣區塊鏈大學聯盟擔任教學副執行長且對分享區塊鏈知識與網頁相關技術充滿熱忱，Medium 上也有「From Zero To Hero」以及「ASMOND」，未來朝向讓不懂相關技術的人又可以簡易入門的文章。 |
-| **Williams Lai**<img width="200" src="/img/lai.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/profile.php?id=100000175076210)   [<img width="18" src="/img/icon-twitter.png"/>](https://twitter.com/RBCHI)   [<img width="18" src="/img/icon-github.png"/>](https://github.com/Rbchi) [<img width="18" src="/img/icon-medium.png"/>](https://medium.com/@cla2srbchi) | 賴佳祈於2016年開始認識區塊鏈，曾經一小段時間做過區塊鏈社交Dapp的創業，在此過程中意識到公鏈仍是區塊鏈世界要發展的當務之急，因此現在在某知名公鏈基金會服務，最喜歡研究區塊鏈的機制設計，例如公鏈的機制設計、經濟模型和隱私設計，也相信相信未來區塊鏈可以用於更多的公共服務。性格有趣孤僻且勤奮。 |
-| **Robin Pan**<img width="200" src="/img/robin.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/robin.pan.7)   [<img width="18" src="/img/icon-twitter.png"/>](https://twitter.com/_Robin_Pan)   [<img width="18" src="/img/icon-github.png"/>](https://github.com/robinpan1)   [<img width="18" src="/img/icon-medium.png"/>](https://medium.com/@robinpan)   [<img width="18" src="/img/icon-linkedin.png"/>](https://www.linkedin.com/in/robin-pan-a78022116/) | Robin Pan 畢業於台北大學資工系，有多年的軟體開發經驗，2017年時因聽到朋友談論挖礦而進入幣圈。除了關心市場及幣價，Robin 也利用他的 CS 基礎深入研究背後技術，並從此被區塊鏈所吸引。在 2019年初加入 Cypherpunks ，協助舉辦多場技術論壇、翻譯《精通以太坊》及區塊鏈資源，並曾在台北以太坊專欄發表數篇技術文章。期望能將更多好的資源帶進台灣，彌平因語言及技術產生的隔閡，改善台灣的區塊鏈領域。 |
-| **Bill Hsu**<img width="200" src="/img/bill.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/profile.php?id=100000395222019)   [<img width="18" src="/img/icon-twitter.png"/>](https://twitter.com/StillFantasy26)   [<img width="18" src="/img/icon-github.png"/>](https://github.com/StillFantastic)   [<img width="18" src="/img/icon-web.png"/>](https://stillfantastic.github.io/) | 我的名字是徐子修，目前就讀於台灣大學資訊工程學系一年級，高中時期是一名演算法競賽選手，熟悉各種資料結構與演算法，獲得數十項國內外程式設計競賽大獎，日後透過資訊奧林匹亞的優異表現保送進入台灣大學就讀。我有豐富的課外學習經驗與精神，先前於 Udacity 接受過數月的培訓，獲得 Udacity Fullstack Web Development 微學位認証。2018 年通過位於矽谷的程式實驗學校 School 42 為期一個月的實體入學測驗，目前為正式學員。進入大學後透過網路與書面資源自學區塊鏈開發，層任台大 CS+X 與 0xAcademy 合開的區塊鏈應用開發課程助教，也是臺灣密碼與區塊鏈社群 Cypherpunks 團隊核心成員。 |
-| **曾琮傑**<img width="200" src="/img/tseng.jack.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/tseng.jack.94) | 就讀國立政治大學企管系三年級，於國立政治大學區塊鏈社擔任教學。2017年年末接觸區塊鏈，開始自學 程式。具備網頁前後端開發、網路爬蟲等技能，目前投入智能合約開發Dapp。 |
-| **BoYu Chen**<img width="200" src="/img/bchen.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/bchen0224)    [<img width="18" src="/img/icon-github.png"/>](https://github.com/boyuchen0224) |  我是陳博宇，目前就讀於交通大學資訊工程學系三年級，大學開始接觸程式設計，熱愛自學及挑戰新的事物，有豐富的課外學習經驗與精神。2018 年通過位於矽谷的程式實驗學校 School 42 為期一個月的實體入學測驗，目前為正式學員。近期透過網路與書面資源、與夥伴從事區塊鏈技術開發，也是臺灣密碼學與區塊鏈社群 Cypherpunks 團隊核心成員。  |
-| **Jack 賴彥廷**<img width="200" src="/img/laijack.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/jack.lai.332)    [<img width="18" src="/img/icon-github.png"/>](https://github.com/laijack512)       [<img width="18" src="/img/icon-medium.png"/>](https://link.medium.com/9TDUZmk7I0) | 一位著迷於技術的 Blockchain PM。畢業於台大管院後，在學習區塊鏈的旅程遇到許多貴人，期許自己也能成為他人的貴人。目前在區塊鏈技術解決方案開發公司：《Pelith》擔任 PM & BD，透過開發各樣的區塊鏈應用降低區塊鏈導入的門檻並提升 UI/UX。同時亦於 Medium 上撰寫《文組也該知道的區塊鏈技術知識》，期盼讓更多人能正確認識與學習區塊鏈。 |
-| **Johnny**<img width="200" src="/img/johnny.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/profile.php?id=100002143060787)    [<img width="18" src="/img/icon-github.png"/>](https://github.com/aabb0404) | 闕源均專攻室內定位、資料蒐集、RF相關議題，個人興趣研究各類通訊領域相關技術以及硬體，於2018參予比特幣衛星計畫，提供相關通訊技術與知識。 |
-| **林柏宇**<img width="200" src="/img/brian.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/lin.b.yu.18)    [<img width="18" src="/img/icon-github.png"/>](https://github.com/brianlin1017) | 於2018開始認識比特幣與區塊鏈技術，認為此技術能為世界帶來很大的變革，個人研究興趣為比特幣手續費與機器學習結合之相關研究，希望能將區塊鏈技術更加推廣與結合。 |
-| **Ivan Chen**<img width="200" src="/img/itsivan.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/itsivan.tw)   [<img width="18" src="/img/icon-github.png"/>](https://github.com/Itsivantw) | 2016年架設Minecraft伺服器，營運的過程中發現法規的限制與網路金流的運作，意外的栽進了比特幣和區塊鏈的懷抱，經過研究後從使用者轉為信仰者，主要研究興趣：區塊鏈應用、通證經濟制度及網路隱私。 |
-| **陳奕丞**<img width="200" src="/img/cic.ethan.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/cic.ethan)  | 2019 年畢業於清大物理系碩士班，研究領域為量子資訊與量子光學。研究期間自學程式設計以優化數據分析之效率，也因此而接觸到比特幣，被其背後運作的機制給吸引。目前研究興趣為區塊鏈的底層架構與運作邏輯，厭惡華而不實、如同詐騙般的商業包裝，希望能從技術面切入，較為務實為區塊鏈社群貢獻一份心力。 |
-| **Jam Bo**<img width="200" src="/img/jambo.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/bo.jam.9) | 16年因求學過程接觸到比特幣，對其無國界、無需中介與信任的交易形式感到讚嘆不已，因此畢業後一腳跨入了虛擬貨幣交易的產業中，期待某天能看到區塊鏈支付、交易都能夠頻繁的在世界上的每個小角落發生。我是Jambo，一個為了虛擬貨幣支付默默努力的菜鳥PM。 |
-| **Aaron Yan**<img width="200" src="/img/Aaron.jpg"/>[<img width="18" src="/img/icon-fb.png"/>](https://www.facebook.com/profile.php?id=100000515290844) | 以太坊愛好者，2017年的時候因為比特幣熱潮而接觸到區塊鏈，發現區塊鏈可以做到的不只是交易代幣，還能大大的改變金融體系的規則，也從此愛上了Ethereum開發，目前在FZTH-FromZeroToHero負責撰寫區塊鏈推廣類型文章，是一個Dapp工程師也是一個虛擬貨幣愛好者。 |
+「Cypherpunks Taiwan 密碼龐克」網站致力建立最具影響力的區塊鏈、比特幣、以太坊技術中文交流平台，掌握技術開發最新資訊，成為開發者、研究員的最佳利器。2018年12月密碼龐克網站平台正式創立。密碼龐克是一個很有歷史的密碼學組織，以隱私、自由、匿名為最高宗旨的精神，正因為有這樣的精神所以才需要密碼學，因此我們決定取名叫「Cypherpunks Taiwan 密碼龐克」。沿用了「密碼龐克」一詞背後延伸的理念，期待可以建立一個針對區塊鏈、比特幣、以太坊技術學習資源網站，讓學習資源、最新訊息可以廣為流通與分享，更多開發者和研究員能夠因為掌握了第一手的開發經驗、最新資訊，站在巨人的肩膀上，看得比別人更遠。近期探索的議題包括比特幣（Bitcoins）、以太坊（Ethereum）、智能合約（Smart contracts）、第二層協議（Second-layer solutions）等，主題多元有趣，歡迎各界好朋友與我們一同探索。
 
+Cypherpunks Taiwan is the only go-to source compiling all things related to the technology behind cryptocurrencies in the Chinese-speaking world. The site was established in December 2018. The website exists to empower developers and businesses to do more with blockchain. It aims to provide the best resources, materials, and information about Blockchain, Bitcoin, Ethereum, Smart Contracts, and second-layer solutions to a broader audience.
diff --git a/markdown/knowledge/glossary.md b/markdown/knowledge/glossary.md
new file mode 100644
index 00000000..f11d757f
--- /dev/null
+++ b/markdown/knowledge/glossary.md
@@ -0,0 +1,354 @@
+---
+title: 比特幣與密碼學術語詞彙表
+subtitle: Bitcoin & Cryptography Glossary
+layout: page
+hero_image: /img/hero.png
+show_sidebar: true
+hero_height: 0
+---
+
+> 最後更新：2025年
+
+本頁面收錄比特幣、閃電網路及相關密碼學技術的專業術語，涵蓋 2020-2024 年的最新技術發展。
+
+---
+
+## 目錄
+
+- [基礎概念](#基礎概念)
+- [交易與腳本](#交易與腳本)
+- [Taproot 與 Schnorr](#taproot-與-schnorr)
+- [閃電網路](#閃電網路)
+- [隱私技術](#隱私技術)
+- [Layer 2 與擴展](#layer-2-與擴展)
+- [密碼學](#密碼學)
+- [共識與挖礦](#共識與挖礦)
+
+---
+
+## 基礎概念
+
+### BIP（Bitcoin Improvement Proposal）
+比特幣改進提案，用於提出比特幣協議變更的標準化文件格式。重要 BIP 包括：
+- **BIP 32**：分層確定性錢包（HD Wallet）
+- **BIP 39**：助記詞標準
+- **BIP 141**：隔離見證（SegWit）
+- **BIP 340-342**：Taproot 升級
+
+### UTXO（Unspent Transaction Output）
+未花費交易輸出。比特幣的基本記帳單位，每個 UTXO 代表一筆可以被花費的比特幣。
+
+### 聰（Satoshi, sat）
+比特幣的最小單位，1 BTC = 100,000,000 sats。以比特幣創造者中本聰命名。
+
+### 區塊高度（Block Height）
+區塊鏈中特定區塊的位置編號，從創世區塊（高度 0）開始計算。
+
+### 確認（Confirmation）
+交易被包含在區塊中後獲得的確認數。每增加一個新區塊，確認數加一。一般認為 6 個確認足夠安全。
+
+### 全節點（Full Node）
+完整驗證所有交易和區塊的比特幣節點，不信任任何第三方。
+
+### SPV（Simplified Payment Verification）
+簡化支付驗證，輕量級節點使用的驗證方式，只下載區塊頭而非完整區塊。
+
+### Mempool
+交易池，存儲已廣播但尚未被打包進區塊的交易。
+
+---
+
+## 交易與腳本
+
+### SegWit（Segregated Witness）
+隔離見證，2017 年啟用的升級，將簽名數據從交易主體分離，增加區塊容量並修復交易可塑性問題。
+
+### 原生 SegWit（Native SegWit）
+使用 bech32 地址格式（以 `bc1q` 開頭）的 SegWit 輸出，比包裹式 SegWit 更高效。
+
+### Script
+比特幣的腳本語言，用於定義花費條件。故意設計為非圖靈完備以確保安全。
+
+### P2PKH（Pay-to-Public-Key-Hash）
+傳統地址格式，以 `1` 開頭。
+
+### P2SH（Pay-to-Script-Hash）
+腳本哈希地址，以 `3` 開頭，支援多簽等複雜腳本。
+
+### P2TR（Pay-to-Taproot）
+Taproot 地址格式，以 `bc1p` 開頭，是 Taproot 升級引入的新輸出類型。
+
+### P2WPKH / P2WSH
+原生 SegWit 的公鑰哈希和腳本哈希輸出類型。
+
+### 多重簽名（Multisig）
+需要多個私鑰授權才能花費的交易類型，如 2-of-3 多簽。
+
+### 時間鎖（Timelock）
+限制交易在特定時間或區塊高度之前無法被確認的機制。包括 `nLockTime` 和 `OP_CHECKLOCKTIMEVERIFY`。
+
+### RBF（Replace-by-Fee）
+允許用更高手續費替換未確認交易的機制（BIP 125）。
+
+### CPFP（Child-Pays-for-Parent）
+通過子交易為父交易「加速」的技術，子交易附帶足夠高的手續費。
+
+---
+
+## Taproot 與 Schnorr
+
+### Taproot
+2021 年 11 月啟用的比特幣升級（BIP 341），結合 Schnorr 簽名和 MAST，提升隱私和效率。
+
+### Schnorr 簽名
+BIP 340 定義的簽名方案，相比 ECDSA：
+- 更短的簽名（64 字節）
+- 支援簽名聚合
+- 批量驗證更高效
+
+### MAST（Merklized Alternative Script Trees）
+默克爾化替代腳本樹，允許只公開執行的腳本分支，隱藏其他分支。
+
+### Tapscript
+BIP 342 定義的 Taproot 腳本更新，支援未來升級。
+
+### Key Path / Script Path
+Taproot 的兩種花費方式：
+- **Key Path**：直接用聚合公鑰簽名，最高效且隱私
+- **Script Path**：揭示並執行特定腳本分支
+
+### MuSig / MuSig2
+多方 Schnorr 簽名協議，允許多個簽名者產生單一簽名：
+- **MuSig**：三輪協議
+- **MuSig2**：改進的兩輪協議（BIP 327）
+
+### FROST
+閾值 Schnorr 簽名方案，支援 t-of-n 簽名（任意 t 個參與者）。
+
+### Adaptor Signature
+適配器簽名，用於無腳本腳本（Scriptless Scripts）和跨鏈原子交換。
+
+---
+
+## 閃電網路
+
+### 支付通道（Payment Channel）
+兩方之間的鏈下交易通道，允許即時、低成本的交易。
+
+### HTLC（Hash Time-Locked Contract）
+哈希時間鎖合約，閃電網路路由的核心機制，使用哈希鎖和時間鎖確保支付安全。
+
+### PTLC（Point Time-Locked Contract）
+點時間鎖合約，使用 Adaptor Signatures 替代哈希鎖，提供更好的隱私。
+
+### BOLT（Basis of Lightning Technology）
+閃電網路互操作性規範，定義協議細節。
+
+### Onion Routing
+洋蔥路由，閃電網路用於隱藏支付路徑的技術。
+
+### Invoice
+閃電網路付款請求，包含金額、收款地址等信息。
+
+### LNURL
+閃電網路 URL 協議，簡化用戶交互（如 LNURL-pay、LNURL-withdraw）。
+
+### Keysend
+無需 invoice 的閃電網路支付方式。
+
+### AMP（Atomic Multi-path Payments）
+原子多路徑支付，將大額支付拆分為多條路徑。
+
+### Splicing
+在不關閉通道的情況下增減通道容量。
+
+### Dual-Funded Channels
+雙方同時注資的通道開設方式。
+
+### LSP（Lightning Service Provider）
+閃電網路服務提供者，為用戶提供流動性和通道管理服務。
+
+### Watchtower
+瞭望塔，監控通道並在對方嘗試欺詐時廣播懲罰交易。
+
+### Anchor Outputs
+錨定輸出，允許在廣播後調整承諾交易的手續費。
+
+---
+
+## 隱私技術
+
+### CoinJoin
+多個用戶將交易合併，打破交易圖分析。
+
+### Payjoin（P2EP）
+發送者和接收者都提供輸入的協作交易，打破常見啟發式分析（BIP 78）。
+
+### Silent Payments
+靜默支付（BIP 352），允許發送者為接收者生成一次性地址，無需交互。
+
+### UTXO 管理
+追蹤和管理未花費輸出，避免隱私洩漏的技術。
+
+### 地址重用（Address Reuse）
+多次使用同一地址接收付款，會降低隱私，應該避免。
+
+### Chaumian eCash
+盲簽名電子現金，由 David Chaum 發明，用於 Fedimint 和 Cashu。
+
+### Fedimint
+聯邦化的 Chaumian eCash 系統，結合社區託管和閃電網路。
+
+### Cashu
+輕量級 eCash 協議，可在任何閃電錢包上實現。
+
+### Dandelion（BIP 156）
+蒲公英協議，改變交易傳播方式以隱藏來源 IP。
+
+### Tor / I2P
+匿名網路協議，Bitcoin Core 原生支援。
+
+---
+
+## Layer 2 與擴展
+
+### Layer 2
+建立在比特幣基礎層之上的協議，提供更高的可擴展性。
+
+### BitVM
+將圖靈完備計算帶入比特幣的方案，使用樂觀執行和欺詐證明。
+
+### RGB Protocol
+客戶端驗證的智能合約系統，狀態存儲在鏈下。
+
+### Ark
+新型 Layer 2 協議，支援非交互式接收。
+
+### Liquid Network
+Blockstream 開發的聯邦側鏈，支援機密交易和快速確認。
+
+### 側鏈（Sidechain）
+獨立的區塊鏈，通過雙向錨定與比特幣連接。
+
+### Rollup
+將交易在鏈下執行，將壓縮的狀態承諾發布到主鏈的擴展方案。
+
+### Statechain
+允許在鏈下轉移 UTXO 所有權的方案。
+
+### Drivechain（BIP 300/301）
+允許創建側鏈的提案，使用 hashrate escrow。
+
+### Ordinals
+為每個聰（satoshi）賦予序號的協議，用於追蹤和轉移。
+
+### Inscriptions
+將數據永久刻錄到比特幣區塊鏈的技術，基於 Ordinals。
+
+### BRC-20
+基於 Ordinals 的代幣標準實驗。
+
+### Runes
+比特幣上的代幣協議，比 BRC-20 更高效。
+
+---
+
+## 密碼學
+
+### 橢圓曲線密碼學（ECC）
+比特幣使用的公鑰密碼系統，基於 secp256k1 曲線。
+
+### ECDSA
+橢圓曲線數位簽名算法，比特幣傳統使用的簽名方案。
+
+### SHA-256
+比特幣挖礦和交易 ID 使用的哈希函數。
+
+### RIPEMD-160
+與 SHA-256 一起用於生成比特幣地址的哈希函數。
+
+### Hash160
+SHA-256 後再 RIPEMD-160 的複合哈希。
+
+### Merkle Tree
+默克爾樹，用於高效驗證區塊中的交易。
+
+### 零知識證明（Zero-Knowledge Proof）
+證明某陳述為真，而不揭示任何其他信息。
+
+### zkSNARK / zkSTARK
+零知識證明的兩種實現方式。
+
+### BLS 簽名
+支援高效聚合的簽名方案，用於以太坊 2.0。
+
+---
+
+## 共識與挖礦
+
+### 工作量證明（Proof of Work, PoW）
+比特幣的共識機制，礦工通過計算尋找有效區塊哈希。
+
+### 難度調整（Difficulty Adjustment）
+每 2016 個區塊調整一次挖礦難度，維持約 10 分鐘的出塊時間。
+
+### 減半（Halving）
+約每 4 年區塊獎勵減半。2024 年第四次減半後獎勵為 3.125 BTC。
+
+### 礦池（Mining Pool）
+礦工合作挖礦並分享獎勵。
+
+### Stratum V2
+新一代礦池協議，改進去中心化和效率。
+
+### ASIC
+專用集成電路，專門設計用於比特幣挖礦。
+
+### 區塊模板（Block Template）
+礦工用於構建候選區塊的交易集。
+
+### 孤塊（Orphan Block）
+有效但未被納入主鏈的區塊。
+
+### 軟分叉（Soft Fork）
+向後兼容的協議升級，舊節點仍能驗證新區塊。
+
+### 硬分叉（Hard Fork）
+不向後兼容的協議變更，導致鏈分裂。
+
+---
+
+## 其他術語
+
+### Nostr
+去中心化社交協議，原生整合閃電網路。
+
+### NIP（Nostr Implementation Possibilities）
+Nostr 協議的實現可能性規範。
+
+### Zap
+Nostr 上的閃電網路打賞功能（NIP-57）。
+
+### DLC（Discreet Log Contract）
+離散對數合約，比特幣上的智能合約形式。
+
+### Miniscript
+比特幣腳本的結構化子集，簡化複雜腳本的構建。
+
+### Descriptor
+描述符，用於表示錢包如何派生地址的字符串格式。
+
+### PSBT（Partially Signed Bitcoin Transaction）
+部分簽名的比特幣交易（BIP 174），用於多方簽名協作。
+
+### Output Descriptors
+輸出描述符，標準化錢包備份和恢復格式。
+
+---
+
+## 參考資源
+
+- **[Bitcoin Wiki](https://en.bitcoin.it/wiki/Main_Page)**
+- **[Bitcoin Optech Topics](https://bitcoinops.org/en/topics/)**
+- **[Learn me a Bitcoin](https://learnmeabitcoin.com/)**
+- **[River Learn](https://river.com/learn/)**
diff --git a/markdown/resources/resources-bitcoin-layer2.md b/markdown/resources/resources-bitcoin-layer2.md
new file mode 100644
index 00000000..2201c71e
--- /dev/null
+++ b/markdown/resources/resources-bitcoin-layer2.md
@@ -0,0 +1,303 @@
+---
+title: 比特幣 Layer 2 資源
+subtitle: Bitcoin Layer 2 Resources
+layout: page
+# callouts: home_callouts
+# hide_hero: true
+hero_image: /img/hero.png
+show_sidebar: true
+hero_height: 0
+---
+
+> 最後更新：2025年
+
+---
+
+## 目錄
+
+- [Layer 2 概述](#layer-2-概述)
+- [閃電網路](#閃電網路)
+- [BitVM](#bitvm)
+- [RGB Protocol](#rgb-protocol)
+- [Ark](#ark)
+- [Liquid Network](#liquid-network)
+- [側鏈與聯邦側鏈](#側鏈與聯邦側鏈)
+- [Rollups](#rollups)
+- [其他方案](#其他方案)
+
+---
+
+## Layer 2 概述
+
+比特幣 Layer 2 是建立在比特幣區塊鏈之上的協議，旨在提升可擴展性、降低交易成本，並增加功能性，同時繼承比特幣的安全性。
+
+### 為什麼需要 Layer 2
+
+| 挑戰 | Layer 1 限制 | Layer 2 解決方案 |
+|------|-------------|-----------------|
+| 吞吐量 | ~7 TPS | 數百萬 TPS |
+| 交易費用 | 高峰時期昂貴 | 接近零成本 |
+| 確認時間 | ~10 分鐘 | 即時 |
+| 智能合約 | 有限腳本能力 | 完整可編程性 |
+
+### 設計取捨
+
+不同 Layer 2 方案在以下維度有不同取捨：
+- **安全性** - 繼承多少比特幣安全性
+- **去中心化** - 需要信任多少方
+- **功能性** - 支援什麼類型的應用
+- **用戶體驗** - 進入/退出的複雜度
+
+---
+
+## 閃電網路
+
+閃電網路是最成熟的比特幣 Layer 2，專注於支付場景。
+
+> 詳細資源請參閱 [閃電網路資源頁面](/markdown/resources/resources-ln)
+
+### 特點
+
+- **即時支付** - 毫秒級確認
+- **低費用** - 適合小額支付
+- **隱私** - 支付路徑不上鏈
+- **成熟生態** - 多年發展，廣泛採用
+
+### 局限
+
+- 需要流動性管理
+- 收款需在線
+- 不支援複雜智能合約
+
+---
+
+## BitVM
+
+BitVM 是 Robin Linus 於 2023 年提出的突破性方案，將圖靈完備計算帶入比特幣。
+
+### 核心概念
+
+* **[BitVM 白皮書](https://bitvm.org/bitvm.pdf)** - 原始論文
+* **[BitVM 官網](https://bitvm.org/)** - 專案主頁
+* **[BitVM GitHub](https://github.com/BitVM/BitVM)** - 開源代碼
+
+### 工作原理
+
+1. **樂觀執行** - 假設所有計算都是誠實的
+2. **欺詐證明** - 如有爭議，可在鏈上驗證
+3. **無需分叉** - 使用現有比特幣腳本
+
+### 應用場景
+
+- **雙向橋接** - 信任最小化的跨鏈橋
+- **Rollups** - 比特幣原生 Rollup
+- **驗證系統** - 鏈上驗證任意計算
+
+### 相關專案
+
+* **[BitVM Bridge](https://www.bitvm.org/bridge)** - BitVM 橋接方案
+* **[BitVM2](https://bitvm.org/bitvm2)** - 改進版本
+
+---
+
+## RGB Protocol
+
+RGB 是客戶端驗證的智能合約系統，將狀態存儲在鏈下，只在比特幣上進行承諾。
+
+### 資源
+
+* **[RGB 官網](https://rgb.tech/)** - 專案主頁
+* **[RGB 規範](https://github.com/RGB-WG/rgb)** - 協議規範
+* **[RGB FAQ](https://rgbfaq.com/)** - 常見問題
+
+### 核心特點
+
+| 特性 | 說明 |
+|------|------|
+| **客戶端驗證** | 狀態由用戶驗證，不依賴全局共識 |
+| **隱私** | 交易細節對網路不可見 |
+| **可擴展** | 無需區塊鏈驗證所有交易 |
+| **閃電整合** | 可在閃電網路上轉移 RGB 資產 |
+
+### 應用
+
+- **代幣發行** - 在比特幣上發行資產
+- **NFT** - 獨特數字資產
+- **智能合約** - 複雜業務邏輯
+- **去中心化身份** - DID 系統
+
+### 開發資源
+
+* **[RGB Core](https://github.com/RGB-WG/rgb-core)** - 核心庫
+* **[RGB Node](https://github.com/RGB-WG/rgb-node)** - 節點實現
+* **[RGB SDK](https://github.com/RGB-Tools/rgb-lib)** - 開發工具
+
+---
+
+## Ark
+
+Ark 是由前閃電網路開發者 Burak 提出的新型 Layer 2 協議。
+
+### 資源
+
+* **[Ark Protocol](https://ark-protocol.org/)** - 官方網站
+* **[Ark 介紹](https://burakkeceli.medium.com/introducing-ark-6f87ae45e272)** - 原始介紹
+
+### 特點
+
+- **非交互式接收** - 收款無需在線
+- **無通道** - 不需要管理支付通道
+- **流動性共享** - 虛擬通道概念
+- **隱私友好** - 更好的交易隱私
+
+### 與閃電網路比較
+
+| 特性 | 閃電網路 | Ark |
+|------|---------|-----|
+| 接收 | 需在線 | 可離線 |
+| 通道管理 | 需要 | 不需要 |
+| 流動性 | 個別管理 | 共享 |
+| 成熟度 | 成熟 | 早期 |
+
+---
+
+## Liquid Network
+
+Liquid 是由 Blockstream 開發的聯邦側鏈，專為交易所和機構設計。
+
+### 資源
+
+* **[Liquid Network](https://liquid.net/)** - 官方網站
+* **[Blockstream Liquid](https://blockstream.com/liquid/)** - Blockstream 頁面
+* **[Liquid 開發者文檔](https://docs.liquid.net/)** - 技術文檔
+
+### 特點
+
+- **快速確認** - 約 1 分鐘
+- **機密交易** - 隱藏交易金額
+- **資產發行** - 發行代幣化資產
+- **聯邦託管** - 15 個聯邦成員
+
+### 資產
+
+- **L-BTC** - Liquid 上的比特幣
+- **Tether (USDt)** - 穩定幣
+- **各種代幣化資產**
+
+### 工具
+
+* **[Liquid Block Explorer](https://blockstream.info/liquid/)** - 區塊瀏覽器
+* **[Aqua Wallet](https://aquawallet.io/)** - Liquid 錢包
+* **[Marina Wallet](https://vulpem.com/marina)** - 瀏覽器擴展錢包
+
+---
+
+## 側鏈與聯邦側鏈
+
+### 側鏈概念
+
+側鏈是獨立的區塊鏈，通過雙向錨定與比特幣連接。
+
+### 聯邦側鏈
+
+* **[RSK (Rootstock)](https://rootstock.io/)** - EVM 相容智能合約平台
+* **[Liquid Network](https://liquid.net/)** - 見上文
+* **[Stacks](https://www.stacks.co/)** - 智能合約平台
+
+### RSK 資源
+
+* **[RSK 官網](https://rootstock.io/)** - 專案主頁
+* **[RSK 文檔](https://developers.rsk.co/)** - 開發者文檔
+* **[Powpeg](https://developers.rsk.co/rsk/architecture/powpeg/)** - 橋接機制
+
+### Stacks
+
+* **[Stacks](https://www.stacks.co/)** - 專案主頁
+* **[Clarity 語言](https://clarity-lang.org/)** - 智能合約語言
+* **[sBTC](https://www.stacks.co/sbtc)** - 去中心化比特幣錨定
+
+---
+
+## Rollups
+
+### 比特幣 Rollups 概念
+
+Rollups 將交易在鏈下執行，然後將壓縮的狀態承諾發布到比特幣。
+
+### 類型
+
+| 類型 | 驗證方式 | 特點 |
+|------|---------|------|
+| **Optimistic** | 欺詐證明 | 簡單，有挑戰期 |
+| **ZK (Validity)** | 有效性證明 | 即時最終性，計算密集 |
+
+### 專案
+
+* **[Citrea](https://citrea.xyz/)** - ZK Rollup on Bitcoin
+* **[Build on Bitcoin](https://www.buildonbitcoin.xyz/)** - Rollup 研究
+
+### 挑戰
+
+- 比特幣缺乏原生數據可用性層
+- 需要 BitVM 或類似技術進行驗證
+- 仍處於研究和開發階段
+
+---
+
+## 其他方案
+
+### Statechains
+
+* **[Statechains](https://bitcoinops.org/en/topics/statechains/)** - 鏈下 UTXO 轉移
+* **[Mercury Wallet](https://mercurywallet.com/)** - Statechain 錢包
+
+### Drivechains (BIP 300/301)
+
+* **[Drivechains](https://www.drivechain.info/)** - 側鏈提案
+* **[BIP 300](https://github.com/bitcoin/bips/blob/master/bip-0300.mediawiki)** - Hashrate Escrows
+* **[LayerTwo Labs](https://www.layertwolabs.com/)** - Drivechain 開發
+
+### Channel Factories
+
+* **[Channel Factories](https://bitcoinops.org/en/topics/channel-factories/)** - 多方共享通道
+
+### Fedimint
+
+* **[Fedimint](https://fedimint.org/)** - 聯邦化託管
+* 詳見 [隱私資源頁面](/markdown/resources/resources-blockchain-privacy)
+
+---
+
+## 開發資源
+
+### 比較研究
+
+* **[Bitcoin Layers](https://www.bitcoinlayers.org/)** - Layer 2 比較平台
+* **[Bitcoin L2 Landscape](https://www.theblock.co/data/on-chain-metrics/bitcoin)** - 數據分析
+
+### 學習資源
+
+* **[Bitcoin Optech: Scaling](https://bitcoinops.org/en/topics/scalability/)** - 擴容技術
+* **[What is a Bitcoin L2?](https://blog.lopp.net/what-is-a-bitcoin-layer-2/)** - Jameson Lopp 文章
+
+### 社群
+
+* **[Bitcoin Dev Mailing List](https://lists.linuxfoundation.org/mailman/listinfo/bitcoin-dev)** - 開發者郵件列表
+* **[Delving Bitcoin](https://delvingbitcoin.org/)** - 技術討論論壇
+
+---
+
+## 選擇指南
+
+根據你的需求選擇合適的 Layer 2：
+
+| 需求 | 推薦方案 |
+|------|---------|
+| 快速支付 | 閃電網路 |
+| 代幣發行 | RGB, Liquid |
+| 智能合約 | RSK, Stacks, RGB |
+| 最大隱私 | RGB, Fedimint |
+| 機構交易 | Liquid |
+| 離線接收 | Ark（開發中） |
+
+**注意：** 許多方案仍在積極開發中，在選擇時請評估其成熟度和安全性。
diff --git a/markdown/resources/resources-cypherpunk-history.md b/markdown/resources/resources-cypherpunk-history.md
new file mode 100644
index 00000000..86efc41d
--- /dev/null
+++ b/markdown/resources/resources-cypherpunk-history.md
@@ -0,0 +1,265 @@
+---
+title: 密碼龐克歷史資源
+subtitle: Cypherpunk History Resources
+layout: page
+hero_image: /img/hero.png
+show_sidebar: true
+hero_height: 0
+---
+
+> 最後更新：2025年
+
+---
+
+## 目錄
+
+- [密碼龐克運動起源](#密碼龐克運動起源)
+- [重要人物](#重要人物)
+- [經典文獻](#經典文獻)
+- [重要事件年表](#重要事件年表)
+- [密碼戰爭](#密碼戰爭)
+- [比特幣的誕生](#比特幣的誕生)
+- [延伸閱讀](#延伸閱讀)
+
+---
+
+## 密碼龐克運動起源
+
+### 什麼是密碼龐克
+
+密碼龐克（Cypherpunk）是一個主張使用強加密技術來保護個人隱私和自由的運動。這個詞由「cipher」（密碼）和「punk」（龐克）組合而成，反映了其技術性和反叛精神。
+
+> "Privacy is necessary for an open society in the electronic age."
+> — Eric Hughes, A Cypherpunk's Manifesto (1993)
+
+### 核心價值
+
+| 價值 | 說明 |
+|------|------|
+| **隱私** | 個人有權控制自己的資訊揭露 |
+| **自由** | 免於政府和企業監控的自由 |
+| **行動** | 編寫代碼比爭論更有效 |
+| **開放** | 協議和代碼應該公開 |
+
+### 郵件列表
+
+密碼龐克郵件列表（Cypherpunks Mailing List）創建於 1992 年，是運動的核心交流平台。
+
+* **[Cypherpunks 郵件列表存檔](https://mailing-list-archive.cryptoanarchy.wiki/)** - 歷史存檔
+* **[Satoshi Nakamoto Institute](https://nakamotoinstitute.org/literature/)** - 重要文獻收藏
+
+---
+
+## 重要人物
+
+### 先驅者
+
+#### David Chaum
+- **貢獻**: 盲簽名、DigiCash、eCash
+- **影響**: 數位現金的概念奠基者
+- **論文**: [Blind Signatures for Untraceable Payments (1982)](https://www.hit.bme.hu/~buttyan/courses/BMEVIHIM219/2009/Chaum.BlindSigForPayment.1662.pdf)
+
+#### Timothy May
+- **貢獻**: Crypto Anarchist Manifesto、BlackNet 概念
+- **影響**: 密碼無政府主義理論家
+- **文獻**: [The Crypto Anarchist Manifesto (1988)](https://nakamotoinstitute.org/crypto-anarchist-manifesto/)
+
+#### Eric Hughes
+- **貢獻**: A Cypherpunk's Manifesto
+- **影響**: 定義了密碼龐克的核心理念
+- **文獻**: [A Cypherpunk's Manifesto (1993)](https://nakamotoinstitute.org/cypherpunk-manifesto/)
+
+#### Phil Zimmermann
+- **貢獻**: PGP（Pretty Good Privacy）
+- **影響**: 將強加密帶給大眾
+- **事件**: 因出口 PGP 而遭美國政府調查
+
+#### Wei Dai
+- **貢獻**: b-money 提案、Crypto++ 函式庫
+- **影響**: 比特幣白皮書引用的前身
+- **文獻**: [b-money (1998)](http://www.weidai.com/bmoney.txt)
+
+#### Nick Szabo
+- **貢獻**: 智能合約概念、Bit Gold 提案
+- **影響**: 數位稀缺性概念的先驅
+- **文獻**: [Bit Gold (2005)](https://nakamotoinstitute.org/bit-gold/)
+
+#### Adam Back
+- **貢獻**: Hashcash（工作量證明）
+- **影響**: 比特幣挖礦機制的直接啟發
+- **現職**: Blockstream CEO
+- **文獻**: [Hashcash (1997)](http://www.hashcash.org/papers/hashcash.pdf)
+
+#### Hal Finney
+- **貢獻**: RPOW、第一筆比特幣交易的接收者
+- **影響**: 比特幣早期開發者和佈道者
+- **文獻**: [RPOW (2004)](https://nakamotoinstitute.org/rpow/)
+
+### 中本聰
+
+#### Satoshi Nakamoto
+- **貢獻**: 比特幣
+- **影響**: 實現了無需信任第三方的數位現金
+- **文獻**: [Bitcoin: A Peer-to-Peer Electronic Cash System (2008)](https://bitcoin.org/bitcoin.pdf)
+- **最後訊息**: 2010年12月
+
+---
+
+## 經典文獻
+
+### 必讀文獻
+
+| 文獻 | 作者 | 年份 | 重要性 |
+|------|------|------|--------|
+| [The Crypto Anarchist Manifesto](https://nakamotoinstitute.org/crypto-anarchist-manifesto/) | Timothy May | 1988 | 密碼無政府主義宣言 |
+| [A Cypherpunk's Manifesto](https://nakamotoinstitute.org/cypherpunk-manifesto/) | Eric Hughes | 1993 | 密碼龐克核心理念 |
+| [The Cyphernomicon](https://nakamotoinstitute.org/cyphernomicon/) | Timothy May | 1994 | 密碼龐克百科全書 |
+| [b-money](http://www.weidai.com/bmoney.txt) | Wei Dai | 1998 | 分散式電子現金 |
+| [Bit Gold](https://nakamotoinstitute.org/bit-gold/) | Nick Szabo | 2005 | 數位黃金概念 |
+| [Bitcoin Whitepaper](https://bitcoin.org/bitcoin.pdf) | Satoshi Nakamoto | 2008 | 比特幣技術規範 |
+
+### 重要論文
+
+* **[Blind Signatures for Untraceable Payments](https://www.hit.bme.hu/~buttyan/courses/BMEVIHIM219/2009/Chaum.BlindSigForPayment.1662.pdf)** - David Chaum (1982)
+* **[Untraceable Electronic Mail, Return Addresses, and Digital Pseudonyms](https://nakamotoinstitute.org/untraceable-electronic-mail/)** - David Chaum (1981)
+* **[Contracts with Bearer](https://nakamotoinstitute.org/contracts-with-bearer/)** - Nick Szabo (1997)
+* **[Shelling Out: The Origins of Money](https://nakamotoinstitute.org/shelling-out/)** - Nick Szabo (2002)
+
+---
+
+## 重要事件年表
+
+### 1970s-1980s: 密碼學革命
+
+| 年份 | 事件 |
+|------|------|
+| 1976 | Diffie-Hellman 密鑰交換發表 |
+| 1977 | RSA 演算法發表 |
+| 1982 | David Chaum 發表盲簽名論文 |
+| 1988 | Timothy May 撰寫 Crypto Anarchist Manifesto |
+
+### 1990s: 密碼龐克運動
+
+| 年份 | 事件 |
+|------|------|
+| 1991 | Phil Zimmermann 發布 PGP |
+| 1992 | Cypherpunks 郵件列表創建 |
+| 1993 | Eric Hughes 發表 A Cypherpunk's Manifesto |
+| 1994 | Timothy May 發表 The Cyphernomicon |
+| 1997 | Adam Back 發表 Hashcash |
+| 1998 | Wei Dai 發表 b-money |
+
+### 2000s: 數位現金實驗
+
+| 年份 | 事件 |
+|------|------|
+| 2004 | Hal Finney 發表 RPOW |
+| 2005 | Nick Szabo 發表 Bit Gold |
+| 2008 | 中本聰發表比特幣白皮書 |
+| 2009 | 比特幣網路上線，創世區塊產生 |
+
+### 2010s-2020s: 比特幣時代
+
+| 年份 | 事件 |
+|------|------|
+| 2010 | 中本聰最後一次公開通訊 |
+| 2011 | WikiLeaks 開始接受比特幣捐款 |
+| 2013 | 絲路被關閉 |
+| 2017 | SegWit 啟用 |
+| 2021 | Taproot 啟用 |
+| 2024 | 比特幣第四次減半 |
+
+---
+
+## 密碼戰爭
+
+### 第一次密碼戰爭 (1990s)
+
+美國政府試圖限制強加密技術的出口，將其視為軍火。
+
+**關鍵事件:**
+- **PGP 調查**: Phil Zimmermann 因出口 PGP 遭調查
+- **Clipper Chip**: 政府推動的後門加密方案
+- **Bernstein v. United States**: 法院裁定代碼是受保護的言論
+
+**結果**: 加密技術最終被允許自由出口
+
+### 第二次密碼戰爭 (2010s-現在)
+
+政府尋求後門存取加密通訊。
+
+**關鍵事件:**
+- **Apple vs FBI (2016)**: iPhone 解鎖爭議
+- **端對端加密辯論**: WhatsApp、Signal 等
+- **EARN IT Act**: 威脅端對端加密的立法
+
+### 資源
+
+* **[EFF: Crypto Wars](https://www.eff.org/issues/crypto-wars)** - 電子前線基金會
+* **[Crypto Wars Timeline](https://www.cryptomuseum.com/crypto/usa/clipper.htm)** - 密碼博物館
+
+---
+
+## 比特幣的誕生
+
+### 前身技術
+
+| 專案 | 創建者 | 年份 | 與比特幣的關係 |
+|------|--------|------|---------------|
+| DigiCash | David Chaum | 1989 | 數位現金概念 |
+| Hashcash | Adam Back | 1997 | 工作量證明 |
+| b-money | Wei Dai | 1998 | 分散式帳本概念 |
+| RPOW | Hal Finney | 2004 | 可重複使用的工作量證明 |
+| Bit Gold | Nick Szabo | 2005 | 數位稀缺性 |
+
+### 創世區塊訊息
+
+```
+The Times 03/Jan/2009 Chancellor on brink of second bailout for banks
+```
+
+這條嵌入創世區塊的訊息，引用了 2009 年 1 月 3 日《泰晤士報》的頭條，標誌著比特幣對傳統金融體系的批評立場。
+
+### 早期歷史
+
+* **[Bitcoin Talk 論壇](https://bitcointalk.org/)** - 早期社區討論
+* **[中本聰的郵件](https://www.metzdowd.com/pipermail/cryptography/2008-October/014810.html)** - 第一封公開郵件
+* **[Satoshi Nakamoto Institute](https://satoshi.nakamotoinstitute.org/)** - 中本聰所有公開通訊
+
+---
+
+## 延伸閱讀
+
+### 書籍
+
+* **《密碼龐克》** - Julian Assange 等著
+* **《This Machine Kills Secrets》** - Andy Greenberg
+* **《Crypto》** - Steven Levy
+* **《The Cypherpunks》** - Future anthology
+
+### 紀錄片
+
+* **[The Rise and Rise of Bitcoin](https://www.imdb.com/title/tt2821314/)** - 比特幣早期歷史
+* **[Banking on Bitcoin](https://www.imdb.com/title/tt5033790/)** - 比特幣與金融系統
+* **[Cryptopia](https://www.imdb.com/title/tt9203586/)** - 加密貨幣文化
+
+### 網站
+
+* **[Nakamoto Institute](https://nakamotoinstitute.org/)** - 文獻收藏
+* **[Bitcoin History](https://github.com/psztorc/bitcoin-reading-list)** - 閱讀清單
+* **[Cypherpunk History Archive](https://mailing-list-archive.cryptoanarchy.wiki/)** - 郵件列表存檔
+
+---
+
+## 密碼龐克精神
+
+> "Cypherpunks write code."
+> — Eric Hughes
+
+密碼龐克相信：
+- **行動勝於空談** - 編寫代碼是最有效的抗議
+- **隱私是權利** - 不是特權，而是基本權利
+- **去中心化** - 權力不應集中於少數人手中
+- **開放標準** - 協議應該公開、可審計
+
+比特幣是密碼龐克願景的最成功實現，證明了密碼學可以創造不受任何單一實體控制的貨幣系統。
diff --git a/markdown/resources/resources-developer-tools.md b/markdown/resources/resources-developer-tools.md
new file mode 100644
index 00000000..4a5633e2
--- /dev/null
+++ b/markdown/resources/resources-developer-tools.md
@@ -0,0 +1,439 @@
+---
+title: 開發者工具箱
+subtitle: Bitcoin Developer Tools & Resources
+layout: page
+hero_image: /img/hero.png
+show_sidebar: true
+hero_height: 0
+---
+
+> 最後更新：2025年
+
+---
+
+## 目錄
+
+- [開發環境](#開發環境)
+- [SDK 與函式庫](#sdk-與函式庫)
+- [測試網與工具](#測試網與工具)
+- [閃電網路開發](#閃電網路開發)
+- [API 服務](#api-服務)
+- [學習資源](#學習資源)
+
+---
+
+## 開發環境
+
+### Bitcoin Core
+
+官方參考實現，也是最重要的開發工具。
+
+* **[Bitcoin Core](https://bitcoincore.org/)** - 官方下載
+* **[Bitcoin Core GitHub](https://github.com/bitcoin/bitcoin)** - 原始碼
+* **[Developer Documentation](https://developer.bitcoin.org/)** - 開發者文檔
+
+**常用 RPC 命令：**
+
+```bash
+# 獲取區塊鏈資訊
+bitcoin-cli getblockchaininfo
+
+# 創建錢包
+bitcoin-cli createwallet "devwallet"
+
+# 獲取新地址
+bitcoin-cli getnewaddress
+
+# 發送交易
+bitcoin-cli sendtoaddress <address> <amount>
+```
+
+### Regtest 模式
+
+本地開發和測試的最佳環境：
+
+```bash
+# 啟動 regtest 節點
+bitcoind -regtest -daemon
+
+# 生成區塊（挖礦）
+bitcoin-cli -regtest generatetoaddress 101 <your_address>
+
+# 重置區塊鏈
+rm -rf ~/.bitcoin/regtest
+```
+
+### Docker 環境
+
+快速啟動開發環境：
+
+```dockerfile
+# docker-compose.yml
+version: '3'
+services:
+  bitcoin:
+    image: ruimarinho/bitcoin-core
+    ports:
+      - "18443:18443"
+    command:
+      -regtest
+      -rpcuser=dev
+      -rpcpassword=dev
+      -rpcallowip=0.0.0.0/0
+```
+
+---
+
+## SDK 與函式庫
+
+### Rust 生態系統
+
+Rust 是比特幣開發最熱門的語言之一。
+
+#### rust-bitcoin
+* **[rust-bitcoin](https://github.com/rust-bitcoin/rust-bitcoin)** - 核心庫
+* **用途**：交易構建、簽名、解析
+
+```rust
+use bitcoin::{Address, Network, PublicKey};
+
+let address = Address::p2wpkh(&public_key, Network::Bitcoin)?;
+```
+
+#### BDK (Bitcoin Dev Kit)
+* **[BDK](https://bitcoindevkit.org/)** - 錢包開發工具
+* **[BDK GitHub](https://github.com/bitcoindevkit/bdk)** - 原始碼
+* **特點**：描述符錢包、PSBT 支援、多平台
+
+```rust
+use bdk::{Wallet, database::MemoryDatabase};
+use bdk::wallet::AddressIndex;
+
+let wallet = Wallet::new(
+    "wpkh([fingerprint/84'/0'/0']xpub.../0/*)",
+    Some("wpkh([fingerprint/84'/0'/0']xpub.../1/*)"),
+    Network::Bitcoin,
+    MemoryDatabase::default(),
+)?;
+
+let address = wallet.get_address(AddressIndex::New)?;
+```
+
+### JavaScript/TypeScript
+
+#### bitcoinjs-lib
+* **[bitcoinjs-lib](https://github.com/bitcoinjs/bitcoinjs-lib)** - 最流行的 JS 庫
+
+```javascript
+const bitcoin = require('bitcoinjs-lib');
+
+// 創建 Taproot 地址
+const { address } = bitcoin.payments.p2tr({
+  internalPubkey: internalPubkey,
+  network: bitcoin.networks.bitcoin,
+});
+```
+
+#### Noble 密碼學庫
+* **[noble-secp256k1](https://github.com/paulmillr/noble-secp256k1)** - 純 JS 橢圓曲線
+* **[noble-hashes](https://github.com/paulmillr/noble-hashes)** - 哈希函數
+
+### Python
+
+#### python-bitcoinlib
+* **[python-bitcoinlib](https://github.com/petertodd/python-bitcoinlib)** - Peter Todd 維護
+
+```python
+from bitcoin import SelectParams
+from bitcoin.wallet import CBitcoinAddress
+
+SelectParams('mainnet')
+addr = CBitcoinAddress('bc1q...')
+```
+
+#### BDK Python
+* **[bdk-python](https://github.com/bitcoindevkit/bdk-python)** - BDK 的 Python 綁定
+
+### Go
+
+* **[btcd](https://github.com/btcsuite/btcd)** - Go 語言比特幣實現
+* **[btcutil](https://github.com/btcsuite/btcutil)** - 工具庫
+
+### Scala
+
+* **[bitcoin-s](https://bitcoin-s.org/)** - Scala 比特幣庫
+* **特點**：DLC、Taproot 支援完善
+
+---
+
+## 測試網與工具
+
+### 公共測試網
+
+| 網路 | 用途 | 水龍頭 |
+|------|------|--------|
+| **Testnet** | 公共測試 | [testnet-faucet.com](https://testnet-faucet.com/) |
+| **Signet** | 更穩定的測試 | [signet.bc-2.jp](https://signet.bc-2.jp/) |
+| **Regtest** | 本地開發 | 自己挖礦 |
+
+### Polar
+
+閃電網路本地開發的最佳工具。
+
+* **[Polar](https://lightningpolar.com/)** - 下載
+* **[GitHub](https://github.com/jamaljsr/polar)** - 原始碼
+
+**功能：**
+- 一鍵啟動 Bitcoin + LN 節點
+- 視覺化網路拓撲
+- 支援 LND、CLN、Eclair
+- 自動開通道和注資
+
+### Nigiri
+
+Docker 化的比特幣開發環境。
+
+* **[Nigiri](https://github.com/vulpemventures/nigiri)** - GitHub
+
+```bash
+# 安裝
+curl https://getnigiri.vulpem.com | bash
+
+# 啟動
+nigiri start
+
+# 停止
+nigiri stop
+```
+
+### 區塊瀏覽器（本地）
+
+* **[mempool](https://github.com/mempool/mempool)** - 可自建的區塊瀏覽器
+* **[Esplora](https://github.com/Blockstream/esplora)** - Blockstream 瀏覽器
+
+---
+
+## 閃電網路開發
+
+### LND
+
+* **[LND](https://github.com/lightningnetwork/lnd)** - Lightning Labs 實現
+* **[LND API Docs](https://api.lightning.community/)** - API 文檔
+
+```bash
+# gRPC 連接
+lncli getinfo
+
+# 創建發票
+lncli addinvoice --amt 1000
+
+# 支付發票
+lncli payinvoice <payment_request>
+```
+
+### LDK (Lightning Dev Kit)
+
+* **[LDK](https://lightningdevkit.org/)** - 嵌入式閃電網路庫
+* **[LDK Node](https://github.com/lightningdevkit/ldk-node)** - 即用型節點
+
+**特點：**
+- 模組化設計
+- 適合嵌入應用
+- Rust 實現，多語言綁定
+
+### Core Lightning (CLN)
+
+* **[Core Lightning](https://github.com/ElementsProject/lightning)** - Blockstream 實現
+* **[CLN Plugins](https://github.com/lightningd/plugins)** - 插件生態
+
+### WebLN
+
+瀏覽器閃電網路標準。
+
+* **[WebLN](https://webln.dev/)** - 規範和工具
+* **[Alby](https://getalby.com/)** - 支援 WebLN 的瀏覽器擴展
+
+```javascript
+// 請求支付
+if (typeof window.webln !== 'undefined') {
+  await window.webln.enable();
+  const result = await window.webln.sendPayment(paymentRequest);
+}
+```
+
+---
+
+## API 服務
+
+### 區塊鏈數據
+
+| 服務 | 特點 | 免費額度 |
+|------|------|---------|
+| **[mempool.space API](https://mempool.space/docs/api)** | 開源、可自建 | 無限（自建） |
+| **[Blockstream Esplora](https://github.com/Blockstream/esplora)** | 開源 | 無限（自建） |
+| **[BlockCypher](https://www.blockcypher.com/)** | 商業服務 | 有限 |
+| **[Blockchain.com API](https://www.blockchain.com/api)** | 商業服務 | 有限 |
+
+### 閃電網路
+
+* **[Lightning Terminal](https://terminal.lightning.engineering/)** - Lightning Labs
+* **[Amboss API](https://amboss.space/api)** - 節點數據
+
+### 價格數據
+
+* **[CoinGecko API](https://www.coingecko.com/en/api)** - 免費價格數據
+* **[Kraken API](https://docs.kraken.com/rest/)** - 交易所 API
+
+---
+
+## 學習資源
+
+### 官方文檔
+
+* **[Bitcoin Developer Guide](https://developer.bitcoin.org/devguide/)** - 官方開發者指南
+* **[Learn me a Bitcoin](https://learnmeabitcoin.com/)** - 視覺化學習
+* **[Bitcoin Optech](https://bitcoinops.org/)** - 技術週報
+
+### 互動教程
+
+* **[Chaincode Labs Seminars](https://chaincode.gitbook.io/seminars/)** - 進階研討會
+* **[Bitcoin Dev Project](https://bitcoindevs.xyz/)** - 實作專案
+* **[Base58 Workshops](https://base58.school/)** - 進階課程
+
+### 書籍
+
+| 書籍 | 難度 | 語言 |
+|------|------|------|
+| **Mastering Bitcoin** | 中高 | 多語言 |
+| **Programming Bitcoin** | 高 | Python |
+| **Grokking Bitcoin** | 入門 | 英文 |
+
+### 影片
+
+* **[Jimmy Song's PB Class](https://programmingblockchain.com/)** - Programming Bitcoin 課程
+* **[Base58 YouTube](https://www.youtube.com/@base58btc)** - 技術教程
+
+### 社群
+
+* **[Delving Bitcoin](https://delvingbitcoin.org/)** - 技術討論論壇
+* **[Bitcoin StackExchange](https://bitcoin.stackexchange.com/)** - Q&A
+* **[Bitcoin Dev Mailing List](https://lists.linuxfoundation.org/mailman/listinfo/bitcoin-dev)** - 開發者郵件列表
+
+---
+
+## 開發最佳實踐
+
+### 安全考量
+
+1. **永遠不要在主網上測試新代碼**
+2. **使用描述符錢包**（而非舊式 HD 錢包）
+3. **PSBT 用於多方簽名**
+4. **驗證所有輸入**
+
+### 測試策略
+
+```
+單元測試 → 整合測試 → Regtest → Testnet/Signet → 主網
+```
+
+### 推薦工具鏈
+
+| 用途 | 推薦工具 |
+|------|---------|
+| **錢包開發** | BDK |
+| **交易分析** | rust-bitcoin |
+| **閃電網路** | LDK |
+| **本地測試** | Polar / Nigiri |
+| **Web 整合** | bitcoinjs-lib |
+
+---
+
+## 進階主題
+
+### Miniscript
+
+結構化的比特幣腳本子集。
+
+* **[Miniscript 規範](https://bitcoin.sipa.be/miniscript/)** - Pieter Wuille
+* **[Policy to Miniscript](https://bitcoin.sipa.be/miniscript/)** - 編譯器
+
+```
+# Policy（人類可讀）
+or(pk(A), and(pk(B), older(144)))
+
+# Miniscript（機器優化）
+or_d(pk(A), and_v(v:pk(B), older(144)))
+```
+
+### Output Descriptors
+
+標準化的錢包描述格式。
+
+```
+# Native SegWit 單簽
+wpkh([fingerprint/84'/0'/0']xpub.../0/*)
+
+# Taproot
+tr([fingerprint/86'/0'/0']xpub.../0/*)
+
+# 2-of-3 多簽
+wsh(sortedmulti(2,xpub1...,xpub2...,xpub3...))
+```
+
+### PSBT (BIP 174)
+
+部分簽名比特幣交易的標準格式。
+
+**工作流程：**
+1. **Creator** - 創建交易框架
+2. **Updater** - 添加 UTXO 資訊
+3. **Signer** - 添加簽名
+4. **Combiner** - 合併部分簽名
+5. **Finalizer** - 完成交易
+6. **Extractor** - 提取最終交易
+
+---
+
+## 快速開始模板
+
+### Node.js 專案
+
+```bash
+mkdir btc-project && cd btc-project
+npm init -y
+npm install bitcoinjs-lib @noble/secp256k1
+```
+
+### Rust 專案
+
+```bash
+cargo new btc-project && cd btc-project
+cargo add bitcoin bdk
+```
+
+### Python 專案
+
+```bash
+mkdir btc-project && cd btc-project
+python -m venv venv
+source venv/bin/activate
+pip install python-bitcoinlib
+```
+
+---
+
+## 資源索引
+
+### GitHub 組織
+
+* **[bitcoin](https://github.com/bitcoin)** - Bitcoin Core
+* **[bitcoindevkit](https://github.com/bitcoindevkit)** - BDK
+* **[rust-bitcoin](https://github.com/rust-bitcoin)** - Rust 生態
+* **[lightningnetwork](https://github.com/lightningnetwork)** - LND
+* **[ElementsProject](https://github.com/ElementsProject)** - Core Lightning
+
+### 規範文檔
+
+* **[BIPs](https://github.com/bitcoin/bips)** - 比特幣改進提案
+* **[BOLTs](https://github.com/lightning/bolts)** - 閃電網路規範
+* **[SLIPs](https://github.com/satoshilabs/slips)** - Trezor 相關標準
diff --git a/markdown/resources/resources-nostr.md b/markdown/resources/resources-nostr.md
new file mode 100644
index 00000000..961e6148
--- /dev/null
+++ b/markdown/resources/resources-nostr.md
@@ -0,0 +1,279 @@
+---
+title: Nostr 資源
+subtitle: Nostr Protocol Resources
+layout: page
+# callouts: home_callouts
+# hide_hero: true
+hero_image: /img/hero.png
+show_sidebar: true
+hero_height: 0
+---
+
+> 最後更新：2025年
+
+---
+
+## 目錄
+
+- [什麼是 Nostr](#什麼是-nostr)
+- [核心概念](#核心概念)
+- [客戶端](#客戶端)
+- [中繼站](#中繼站relays)
+- [NIP 規範](#nip-規範)
+- [開發資源](#開發資源)
+- [閃電網路整合](#閃電網路整合)
+- [生態應用](#生態應用)
+
+---
+
+## 什麼是 Nostr
+
+**Nostr**（Notes and Other Stuff Transmitted by Relays）是一個簡單、開放的協議，用於構建抗審查的全球社交網路。由比特幣開發者 fiatjaf 於 2020 年提出。
+
+### 核心特點
+
+| 特性 | 說明 |
+|------|------|
+| **去中心化** | 無單一故障點，任何人可運行中繼站 |
+| **抗審查** | 用戶控制自己的身份和數據 |
+| **簡單** | 協議極簡，易於實現 |
+| **互操作** | 所有客戶端共享同一網路 |
+| **閃電整合** | 原生支援比特幣閃電網路支付 |
+
+### 官方資源
+
+* **[Nostr 協議](https://github.com/nostr-protocol/nostr)** - 協議規範
+* **[nostr.com](https://nostr.com/)** - 官方介紹網站
+* **[Nostr.how](https://nostr.how/)** - 入門指南
+* **[Nostr.net](https://nostr.net/)** - 資源目錄
+
+---
+
+## 核心概念
+
+### 身份
+
+Nostr 使用**公私鑰對**作為身份：
+- **公鑰 (npub)** - 你的用戶 ID，可公開分享
+- **私鑰 (nsec)** - 你的密碼，必須保密
+
+公鑰以 `npub1...` 開頭，私鑰以 `nsec1...` 開頭（Bech32 編碼）。
+
+### 事件 (Events)
+
+所有 Nostr 數據都是「事件」：
+- 由私鑰簽名
+- 包含內容、標籤和時間戳
+- 不可修改（只能發新事件）
+
+### 中繼站 (Relays)
+
+中繼站是存儲和轉發事件的服務器：
+- 用戶選擇連接哪些中繼站
+- 中繼站可自由選擇存儲哪些事件
+- 無需許可即可運行
+
+---
+
+## 客戶端
+
+### 網頁客戶端
+
+* **[Snort](https://snort.social/)** - 功能豐富的網頁客戶端
+* **[Primal](https://primal.net/)** - 快速、現代化界面
+* **[Coracle](https://coracle.social/)** - 重視隱私的客戶端
+* **[Nostrudel](https://nostrudel.ninja/)** - 功能完整的進階客戶端
+* **[Iris](https://iris.to/)** - 簡潔的網頁客戶端
+
+### 桌面客戶端
+
+* **[Gossip](https://github.com/mikedilger/gossip)** - Rust 寫的桌面客戶端
+* **[Lume](https://lume.nu/)** - 跨平台桌面應用
+
+### 行動應用
+
+**iOS:**
+* **[Damus](https://damus.io/)** - 最流行的 iOS 客戶端
+* **[Primal](https://primal.net/)** - 跨平台應用
+* **[Nos](https://nos.social/)** - 注重用戶體驗
+
+**Android:**
+* **[Amethyst](https://github.com/vitorpamplona/amethyst)** - 功能最完整的 Android 客戶端
+* **[Primal](https://primal.net/)** - 跨平台應用
+* **[Plebstr](https://plebstr.com/)** - 簡單易用
+
+---
+
+## 中繼站(Relays)
+
+### 公共中繼站
+
+* `wss://relay.damus.io`
+* `wss://relay.snort.social`
+* `wss://relay.primal.net`
+* `wss://nos.lol`
+* `wss://nostr.wine`
+
+### 中繼站目錄
+
+* **[nostr.watch](https://nostr.watch/)** - 中繼站狀態監控
+* **[Nostr Band Relays](https://stats.nostr.band/)** - 中繼站統計
+
+### 運行自己的中繼站
+
+* **[strfry](https://github.com/hoytech/strfry)** - 高效能 C++ 中繼站
+* **[nostr-rs-relay](https://github.com/scsibug/nostr-rs-relay)** - Rust 中繼站
+* **[nostream](https://github.com/Cameri/nostream)** - TypeScript 中繼站
+
+---
+
+## NIP 規範
+
+NIP（Nostr Implementation Possibilities）定義了協議的各種功能：
+
+### 核心 NIP
+
+| NIP | 名稱 | 說明 |
+|-----|------|------|
+| **[NIP-01](https://github.com/nostr-protocol/nips/blob/master/01.md)** | Basic Protocol | 基本協議定義 |
+| **[NIP-02](https://github.com/nostr-protocol/nips/blob/master/02.md)** | Contact List | 關注列表 |
+| **[NIP-04](https://github.com/nostr-protocol/nips/blob/master/04.md)** | Encrypted DM | 加密私訊 |
+| **[NIP-05](https://github.com/nostr-protocol/nips/blob/master/05.md)** | DNS Identity | 人類可讀的身份驗證 |
+
+### 重要 NIP
+
+| NIP | 名稱 | 說明 |
+|-----|------|------|
+| **[NIP-07](https://github.com/nostr-protocol/nips/blob/master/07.md)** | Browser Extensions | 瀏覽器擴展 API |
+| **[NIP-19](https://github.com/nostr-protocol/nips/blob/master/19.md)** | Bech32 Entities | npub/nsec 編碼 |
+| **[NIP-57](https://github.com/nostr-protocol/nips/blob/master/57.md)** | Zaps | 閃電網路打賞 |
+
+### 完整列表
+
+* **[NIPs 規範庫](https://github.com/nostr-protocol/nips)** - 所有 NIP
+
+---
+
+## 開發資源
+
+### 函式庫
+
+**JavaScript/TypeScript:**
+* **[nostr-tools](https://github.com/nbd-wtf/nostr-tools)** - 官方 JS 工具庫
+* **[NDK](https://github.com/nostr-dev-kit/ndk)** - Nostr Dev Kit
+
+**Rust:**
+* **[nostr-sdk](https://github.com/rust-nostr/nostr)** - Rust SDK
+* **[nostr](https://crates.io/crates/nostr)** - 核心庫
+
+**Python:**
+* **[python-nostr](https://github.com/jeffthibault/python-nostr)** - Python 客戶端庫
+
+**Go:**
+* **[go-nostr](https://github.com/nbd-wtf/go-nostr)** - Go 客戶端庫
+
+### 瀏覽器擴展
+
+* **[Alby](https://getalby.com/)** - 閃電錢包 + Nostr 簽名
+* **[nos2x](https://github.com/fiatjaf/nos2x)** - 輕量級 Nostr 簽名擴展
+* **[Nostr Connect](https://github.com/nicafantasy/nostr-connect)** - NIP-46 遠端簽名
+
+### 工具
+
+* **[Nostr Army Knife](https://nak.nostr.com/)** - 調試工具
+* **[Nostr Band](https://nostr.band/)** - 搜索和統計
+* **[Nosta](https://nosta.me/)** - 個人資料頁面
+
+---
+
+## 閃電網路整合
+
+### Zaps (NIP-57)
+
+Zaps 是 Nostr 原生的閃電網路打賞功能：
+
+1. 用戶在個人資料設置閃電地址
+2. 其他人可對貼文發送聰（satoshis）
+3. 交易記錄在鏈上可驗證
+
+### 閃電地址服務
+
+* **[Alby](https://getalby.com/)** - `yourname@getalby.com`
+* **[Wallet of Satoshi](https://www.walletofsatoshi.com/)** - 簡單設置
+* **[LNURL](https://github.com/lnurl/luds)** - 閃電 URL 協議
+
+### Zap 支援客戶端
+
+大多數主流客戶端都支援 Zaps：
+- Damus
+- Primal
+- Amethyst
+- Snort
+- Coracle
+
+---
+
+## 生態應用
+
+### 長文寫作
+
+* **[Habla](https://habla.news/)** - 長文發布平台
+* **[Highlighter](https://highlighter.com/)** - 寫作和閱讀平台
+
+### 直播
+
+* **[Zap.stream](https://zap.stream/)** - 閃電網路打賞直播
+
+### 音樂
+
+* **[Wavlake](https://wavlake.com/)** - 音樂串流平台
+* **[Fountain](https://fountain.fm/)** - Podcast 應用
+
+### 市場
+
+* **[Plebeian Market](https://plebeian.market/)** - 去中心化市場
+
+### 圖片分享
+
+* **[nostr.build](https://nostr.build/)** - 圖片托管服務
+
+### 其他
+
+* **[Badges](https://badges.page/)** - 徽章系統
+* **[Npub.pro](https://npub.pro/)** - 個人網站生成器
+
+---
+
+## 學習資源
+
+### 入門指南
+
+* **[Nostr.how](https://nostr.how/)** - 完整入門教程
+* **[UseNostr.org](https://usenostr.org/)** - 使用指南
+* **[Nostr Resources](https://nostr-resources.com/)** - 資源彙整
+
+### 影片
+
+* **[What is Nostr?](https://www.youtube.com/watch?v=5W-jtbbh3eA)** - 概念介紹
+* **[BTC Sessions: Nostr Tutorial](https://www.youtube.com/watch?v=qn-Zp491t4Y)** - 設置教程
+
+### 社群
+
+* **[Nostr Telegram](https://t.me/nostr_protocol)** - Telegram 群組
+* **[Nostr Reddit](https://www.reddit.com/r/nostr/)** - Reddit 社群
+* 在 Nostr 上關注 `#nostr` 標籤
+
+---
+
+## 密碼龐克精神
+
+Nostr 體現了密碼龐克的核心價值：
+
+> "密碼龐克編寫代碼。我們知道必須有人編寫軟體來保護隱私，而且...我們將親自編寫它。"
+> — Eric Hughes, A Cypherpunk's Manifesto (1993)
+
+Nostr 代表：
+- **自主身份** - 你控制你的密鑰
+- **言論自由** - 抗審查的通訊
+- **開放協議** - 任何人都可以參與
+- **比特幣原生** - 與閃電網路深度整合
diff --git a/markdown/resources/resources-self-custody.md b/markdown/resources/resources-self-custody.md
new file mode 100644
index 00000000..39535de1
--- /dev/null
+++ b/markdown/resources/resources-self-custody.md
@@ -0,0 +1,325 @@
+---
+title: 自託管工具資源
+subtitle: Self-Custody Tools & Resources
+layout: page
+hero_image: /img/hero.png
+show_sidebar: true
+hero_height: 0
+---
+
+> 最後更新：2025年
+
+---
+
+## 目錄
+
+- [為什麼要自託管](#為什麼要自託管)
+- [硬體錢包](#硬體錢包)
+- [軟體錢包](#軟體錢包)
+- [全節點](#全節點)
+- [閃電網路節點](#閃電網路節點)
+- [備份方案](#備份方案)
+- [多簽方案](#多簽方案)
+- [安全最佳實踐](#安全最佳實踐)
+
+---
+
+## 為什麼要自託管
+
+> "Not your keys, not your coins."
+> — 比特幣社區格言
+
+### 託管風險
+
+| 風險類型 | 說明 | 歷史案例 |
+|----------|------|---------|
+| **交易所倒閉** | 交易所破產或詐騙 | Mt. Gox, FTX |
+| **帳戶凍結** | 政府或平台凍結資產 | 多起案例 |
+| **駭客攻擊** | 中心化服務被攻破 | Bitfinex, Binance |
+| **監管風險** | 法規變更導致無法提款 | 各國案例 |
+
+### 自託管優勢
+
+- **真正擁有** - 只有你能移動你的比特幣
+- **隱私保護** - 不需要 KYC 或身份驗證
+- **抗審查** - 無人能阻止你的交易
+- **無對手風險** - 不依賴第三方
+
+---
+
+## 硬體錢包
+
+硬體錢包將私鑰存儲在專用安全晶片中，是自託管的最佳選擇。
+
+### 主流硬體錢包
+
+| 產品 | 特點 | 價格範圍 | 開源程度 |
+|------|------|---------|---------|
+| **[Coldcard](https://coldcard.com/)** | 純比特幣、氣隙操作、PSBT | $150+ | 部分開源 |
+| **[Trezor](https://trezor.io/)** | 開源先驅、多幣種 | $70-250 | 完全開源 |
+| **[Ledger](https://www.ledger.com/)** | 安全晶片、多幣種 | $80-180 | 部分開源 |
+| **[BitBox02](https://shiftcrypto.ch/)** | 瑞士製造、簡潔設計 | $150 | 完全開源 |
+| **[Jade](https://blockstream.com/jade/)** | Blockstream 出品、可 DIY | $65 | 完全開源 |
+| **[Passport](https://foundationdevices.com/)** | 氣隙操作、開源 | $200+ | 完全開源 |
+
+### 選擇建議
+
+**入門者推薦**: Trezor Model One 或 Jade
+- 價格親民
+- 開源可審計
+- 社區支援完善
+
+**進階用戶推薦**: Coldcard 或 Passport
+- 氣隙操作（不連接電腦）
+- 純比特幣專注
+- 進階安全功能
+
+### 氣隙操作 (Air-Gapped)
+
+最安全的操作方式是讓硬體錢包永不連接任何電腦：
+
+1. **MicroSD 卡** - 用於傳輸 PSBT
+2. **QR Code** - 掃描交易數據
+3. **NFC** - 近場通訊傳輸
+
+---
+
+## 軟體錢包
+
+### 桌面錢包
+
+* **[Sparrow Wallet](https://sparrowwallet.com/)** - 功能最完整的比特幣桌面錢包
+  - UTXO 管理
+  - CoinJoin 支援
+  - 硬體錢包整合
+  - 多簽支援
+  - **推薦度**: ★★★★★
+
+* **[Specter Desktop](https://specter.solutions/)** - 多簽專家
+  - 專注多簽設定
+  - 硬體錢包協調器
+  - Bitcoin Core 整合
+  - **推薦度**: ★★★★☆
+
+* **[Bitcoin Core](https://bitcoincore.org/)** - 官方全節點錢包
+  - 最去中心化
+  - 完整驗證
+  - 開發者首選
+  - **推薦度**: ★★★★☆
+
+### 行動錢包
+
+| 錢包 | 平台 | 特點 | 推薦度 |
+|------|------|------|--------|
+| **[Blue Wallet](https://bluewallet.io/)** | iOS/Android | 功能豐富、LN 支援 | ★★★★☆ |
+| **[Nunchuk](https://nunchuk.io/)** | iOS/Android | 多簽專注 | ★★★★★ |
+| **[Green Wallet](https://blockstream.com/green/)** | iOS/Android | Blockstream 出品 | ★★★★☆ |
+| **[Muun](https://muun.com/)** | iOS/Android | 簡潔設計、LN 整合 | ★★★☆☆ |
+
+### 進階軟體
+
+* **[Bitcoin Keeper](https://bitcoinkeeper.app/)** - 移動端多簽
+* **[Liana](https://wizardsardine.com/liana/)** - 時間鎖恢復機制
+* **[Electrum](https://electrum.org/)** - 輕量級老牌錢包
+
+---
+
+## 全節點
+
+運行自己的全節點是最高級別的自主權。
+
+### 一體化節點方案
+
+| 方案 | 難度 | 硬體需求 | 特點 |
+|------|------|---------|------|
+| **[Umbrel](https://umbrel.com/)** | 低 | Raspberry Pi / PC | 應用商店、美觀介面 |
+| **[Start9](https://start9.com/)** | 低 | 專用硬體 / PC | 企業級可靠性 |
+| **[RaspiBlitz](https://raspiblitz.org/)** | 中 | Raspberry Pi | DIY 友好 |
+| **[MyNode](https://mynodebtc.com/)** | 中 | Raspberry Pi / PC | 免費/付費版 |
+| **[Citadel](https://runcitadel.space/)** | 低 | Raspberry Pi | Umbrel 分支 |
+
+### 手動安裝
+
+* **[Bitcoin Core](https://bitcoincore.org/en/download/)** - 官方實現
+* **[Bitcoin Knots](https://bitcoinknots.org/)** - 增強版 Core
+* **[btcd](https://github.com/btcsuite/btcd)** - Go 語言實現
+* **[libbitcoin](https://libbitcoin.info/)** - C++ 獨立實現
+
+### 硬體需求
+
+**最低需求**:
+- 4GB RAM
+- 1TB SSD（區塊鏈目前約 550GB）
+- 穩定網路連接
+
+**推薦配置**:
+- 8GB+ RAM
+- 2TB NVMe SSD
+- 有線網路連接
+
+---
+
+## 閃電網路節點
+
+### 節點實現
+
+| 實現 | 語言 | 特點 |
+|------|------|------|
+| **[LND](https://github.com/lightningnetwork/lnd)** | Go | 最流行、功能豐富 |
+| **[Core Lightning](https://github.com/ElementsProject/lightning)** | C | 輕量、插件系統 |
+| **[Eclair](https://github.com/ACINQ/eclair)** | Scala | Phoenix 錢包後端 |
+| **[LDK](https://lightningdevkit.org/)** | Rust | 嵌入式解決方案 |
+
+### 節點管理介面
+
+* **[ThunderHub](https://thunderhub.io/)** - 現代化管理介面
+* **[Ride the Lightning](https://github.com/Ride-The-Lightning/RTL)** - 功能全面
+* **[Lightning Terminal](https://lightning.engineering/terminal/)** - Lightning Labs 官方
+* **[Zeus](https://zeusln.app/)** - 移動端遠端控制
+
+### 流動性管理
+
+* **[Amboss](https://amboss.space/)** - 節點監控和分析
+* **[1ML](https://1ml.com/)** - 閃電網路探索器
+* **[Lightning Pool](https://lightning.engineering/pool/)** - 流動性市場
+
+---
+
+## 備份方案
+
+### 助記詞備份
+
+#### 材質選擇
+
+| 材質 | 耐久性 | 成本 | 推薦度 |
+|------|--------|------|--------|
+| **鋼板/鈦板** | 耐火、耐水 | $50-200 | ★★★★★ |
+| **紙張** | 脆弱 | $0 | ★★☆☆☆ |
+| **記憶** | 可能遺忘 | $0 | ★★☆☆☆ |
+
+#### 金屬備份產品
+
+* **[Cryptosteel](https://cryptosteel.com/)** - 字母拼接
+* **[Billfodl](https://privacypros.io/billfodl/)** - 磁吸字母
+* **[SeedPlate](https://www.coinkite.com/seedplate)** - 衝壓鋼板
+* **[Blockplate](https://www.blockplate.com/)** - 衝壓鋁板
+
+### 備份策略
+
+#### 3-2-1 原則
+- **3** 份備份
+- **2** 種不同介質
+- **1** 份異地存放
+
+#### Shamir 備份 (SLIP39)
+
+將助記詞分成多份，需要特定數量才能恢復：
+
+- **2-of-3** - 適合個人使用
+- **3-of-5** - 適合高價值存儲
+- **支援錢包**: Trezor, Electrum
+
+#### 密碼保護
+
+**BIP 39 Passphrase**:
+- 在助記詞基礎上添加額外密碼
+- 產生完全不同的錢包
+- 提供額外安全層和合理否認性
+
+---
+
+## 多簽方案
+
+多重簽名（Multisig）需要多個密鑰才能移動資金。
+
+### 常見配置
+
+| 配置 | 使用場景 | 優點 | 缺點 |
+|------|---------|------|------|
+| **2-of-3** | 個人存儲 | 平衡安全和便利 | 需要管理 3 個密鑰 |
+| **3-of-5** | 企業/高價值 | 更高容錯 | 複雜度增加 |
+| **2-of-2** | 協作控制 | 雙方同意 | 單點故障風險 |
+
+### 多簽工具
+
+* **[Sparrow Wallet](https://sparrowwallet.com/)** - 多簽設定簡單
+* **[Nunchuk](https://nunchuk.io/)** - 移動端多簽
+* **[Spectre](https://specter.solutions/)** - 多簽專業工具
+* **[Unchained Capital](https://unchained.com/)** - 協作託管服務
+* **[Casa](https://casa.io/)** - 多簽服務
+
+### 設定建議
+
+**個人推薦配置 (2-of-3)**:
+1. 硬體錢包 A（家中）
+2. 硬體錢包 B（異地）
+3. 紙質備份（銀行保險箱）
+
+---
+
+## 安全最佳實踐
+
+### 操作安全
+
+| 項目 | 建議 |
+|------|------|
+| **購買渠道** | 只從官方渠道購買硬體錢包 |
+| **驗證韌體** | 使用前驗證設備完整性 |
+| **離線生成** | 在離線環境生成助記詞 |
+| **分散存儲** | 備份存放在不同地點 |
+| **定期測試** | 定期測試備份恢復 |
+
+### 常見錯誤
+
+1. **截圖助記詞** - 雲端同步會洩漏
+2. **在線生成** - 可能被惡意軟體記錄
+3. **單一備份** - 火災/水災會永久丟失
+4. **忘記 Passphrase** - 無法恢復
+5. **重用地址** - 降低隱私
+
+### 繼承規劃
+
+- 準備詳細的恢復指南
+- 告知可信賴的人備份位置
+- 考慮使用時間鎖方案
+- 定期更新繼承計劃
+
+### 推薦資源
+
+* **[10x Security Bitcoin Guide](https://btcguide.github.io/)** - 詳盡安全指南
+* **[Jameson Lopp's Resources](https://www.lopp.net/bitcoin-information.html)** - 比特幣資源大全
+* **[Bitcoin Security Guide](https://bitcoinsecurity.guide/)** - 安全實踐
+
+---
+
+## 進階主題
+
+### 冷儲存
+
+完全離線的存儲方案：
+
+* **氣隙硬體錢包** - Coldcard, Passport
+* **紙錢包** - 完全離線生成（不推薦新手）
+* **腦錢包** - 從密碼短語派生（高風險）
+
+### 時間鎖
+
+使用 `OP_CHECKLOCKTIMEVERIFY` 設定解鎖時間：
+
+* **[Liana Wallet](https://wizardsardine.com/liana/)** - 時間鎖恢復
+* **繼承方案** - 指定時間後允許備份密鑰存取
+
+### Covenant
+
+未來可能啟用的限制性交易功能：
+
+* **OP_CTV** - 交易模板承諾
+* **OP_VAULT** - 金庫功能
+
+---
+
+## 學習資源
+
+* **[Bitcoin.org - Securing Your Wallet](https://bitcoin.org/en/secure-your-wallet)**
+* **[River Learn - Bitcoin Security](https://river.com/learn/topics/security/)**
+* **[Ministry of Nodes](https://www.ministryofnodes.com.au/)** - 節點教程
diff --git a/package-lock.json b/package-lock.json
index 420701ae..4893e2f0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,13 +1,1063 @@
 {
-  "name": "bulma-clean-theme",
-  "version": "1.0.0",
-  "lockfileVersion": 1,
+  "name": "cypherpunks-taiwan",
+  "version": "2.0.0",
+  "lockfileVersion": 3,
   "requires": true,
-  "dependencies": {
-    "bulma": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.4.tgz",
-      "integrity": "sha512-krG2rP6eAX1WE0sf6O0SC/FUVSOBX4m1PBC2+GKLpb2pX0qanaDqcv9U2nu75egFrsHkI0zdWYuk/oGwoszVWg=="
+  "packages": {
+    "": {
+      "name": "cypherpunks-taiwan",
+      "version": "2.0.0",
+      "license": "MIT",
+      "devDependencies": {
+        "@tailwindcss/typography": "^0.5.10",
+        "tailwindcss": "^3.4.0"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@tailwindcss/typography": {
+      "version": "0.5.19",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.19.tgz",
+      "integrity": "sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "6.0.10"
+      },
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-nested/node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.19",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
+      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.7",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
     }
   }
 }
diff --git a/package.json b/package.json
index 562db924..1ea74fb7 100644
--- a/package.json
+++ b/package.json
@@ -1,15 +1,26 @@
 {
-  "name": "bulma-clean-theme",
-  "description": "This is a clean and simple Jekyll Theme built with the Bulma framework, providing a modern looking site to start with.",
-  "version": "1.0.0",
-  "main": "index.js",
-  "devDependencies": {},
+  "name": "cypherpunks-taiwan",
+  "version": "2.0.0",
+  "description": "Cypherpunks Taiwan - Cryptography makes freedom and privacy great again",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "css:build": "tailwindcss -i ./assets/css/main.css -o ./assets/css/app.css --minify",
+    "css:watch": "tailwindcss -i ./assets/css/main.css -o ./assets/css/app.css --watch",
+    "search:index": "pagefind --site _site --output-path _site/pagefind",
+    "build": "npm run css:build",
+    "postbuild": "npm run search:index",
+    "dev": "npm run css:watch"
   },
-  "author": "chrisrhymes",
-  "license": "MIT",
-  "dependencies": {
-    "bulma": "^0.7.4"
-  }
+  "devDependencies": {
+    "tailwindcss": "^3.4.0",
+    "@tailwindcss/typography": "^0.5.10",
+    "pagefind": "^1.0.0"
+  },
+  "keywords": [
+    "cypherpunk",
+    "bitcoin",
+    "privacy",
+    "cryptography"
+  ],
+  "author": "Cypherpunks Taiwan",
+  "license": "MIT"
 }
diff --git a/resources.html b/resources.html
new file mode 100644
index 00000000..c17d029f
--- /dev/null
+++ b/resources.html
@@ -0,0 +1,176 @@
+---
+layout: default
+title: 資源中心
+subtitle: 所有學習資源的入口
+permalink: /resources/
+---
+
+<div class="max-w-6xl mx-auto">
+  <!-- Page Header -->
+  <header class="mb-12 text-center">
+    <h1 class="text-4xl md:text-5xl font-bold font-mono text-cp-green-500 mb-4">
+      <span class="text-cp-dark-500">&gt;</span> 資源中心
+    </h1>
+    <p class="text-lg text-cp-dark-600 font-mono max-w-2xl mx-auto">
+      精選的區塊鏈、比特幣、密碼學學習資源
+    </p>
+  </header>
+
+  <!-- Core Technology Section -->
+  <section class="mb-16">
+    <h2 class="text-xl font-bold font-mono text-cp-green-500 mb-6 flex items-center gap-2">
+      <span class="text-cp-dark-500">//</span> 核心技術
+    </h2>
+    <div class="grid md:grid-cols-3 gap-6">
+      <!-- Bitcoin -->
+      <a href="{{ '/markdown/resources/resources-bitcoin/' | relative_url }}" class="card p-6 group hover:border-bitcoin-orange/50 transition-all">
+        <div class="w-14 h-14 bg-bitcoin-orange/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-bitcoin-orange/20 transition-colors">
+          <span class="text-3xl text-bitcoin-orange">₿</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          Bitcoin 比特幣
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          比特幣核心技術、協議、開發資源
+        </p>
+      </a>
+
+      <!-- Lightning Network -->
+      <a href="{{ '/markdown/resources/resources-ln/' | relative_url }}" class="card p-6 group hover:border-yellow-500/50 transition-all">
+        <div class="w-14 h-14 bg-yellow-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-yellow-500/20 transition-colors">
+          <span class="text-3xl">⚡</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          Lightning Network
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          閃電網路技術、節點、錢包資源
+        </p>
+      </a>
+
+      <!-- Taproot & Schnorr -->
+      <a href="{{ '/markdown/resources/resources-schnorr-signature/' | relative_url }}" class="card p-6 group hover:border-cp-green-500/50 transition-all">
+        <div class="w-14 h-14 bg-cp-green-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-cp-green-500/20 transition-colors">
+          <span class="text-3xl font-mono text-cp-green-500">σ</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          Taproot & Schnorr
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          Schnorr 簽名、Taproot、MuSig
+        </p>
+      </a>
+    </div>
+  </section>
+
+  <!-- Advanced Topics Section -->
+  <section class="mb-16">
+    <h2 class="text-xl font-bold font-mono text-cp-green-500 mb-6 flex items-center gap-2">
+      <span class="text-cp-dark-500">//</span> 進階主題
+    </h2>
+    <div class="grid md:grid-cols-3 gap-6">
+      <!-- Layer 2 -->
+      <a href="{{ '/markdown/resources/resources-bitcoin-layer2/' | relative_url }}" class="card p-6 group hover:border-purple-500/50 transition-all">
+        <div class="w-14 h-14 bg-purple-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-purple-500/20 transition-colors">
+          <span class="text-3xl">🔗</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          Layer 2 技術
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          側鏈、狀態通道、Rollup 解決方案
+        </p>
+      </a>
+
+      <!-- Privacy -->
+      <a href="{{ '/markdown/resources/resources-blockchain-privacy/' | relative_url }}" class="card p-6 group hover:border-cp-green-500/50 transition-all">
+        <div class="w-14 h-14 bg-cp-green-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-cp-green-500/20 transition-colors">
+          <span class="text-3xl">🔒</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          隱私技術
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          混幣、零知識證明、隱私協議
+        </p>
+      </a>
+
+      <!-- Nostr -->
+      <a href="{{ '/markdown/resources/resources-nostr/' | relative_url }}" class="card p-6 group hover:border-purple-400/50 transition-all">
+        <div class="w-14 h-14 bg-purple-400/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-purple-400/20 transition-colors">
+          <span class="text-3xl">🟣</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          Nostr 協議
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          去中心化社交協議、客戶端、中繼器
+        </p>
+      </a>
+    </div>
+  </section>
+
+  <!-- Developer Section -->
+  <section class="mb-16">
+    <h2 class="text-xl font-bold font-mono text-cp-green-500 mb-6 flex items-center gap-2">
+      <span class="text-cp-dark-500">//</span> 開發者資源
+    </h2>
+    <div class="grid md:grid-cols-2 gap-6">
+      <!-- Developer Tools -->
+      <a href="{{ '/markdown/resources/resources-developer-tools/' | relative_url }}" class="card p-6 group hover:border-blue-500/50 transition-all">
+        <div class="w-14 h-14 bg-blue-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-blue-500/20 transition-colors">
+          <span class="text-3xl">🛠️</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          開發者工具箱
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          開發框架、測試工具、API 資源
+        </p>
+      </a>
+
+      <!-- Self Custody -->
+      <a href="{{ '/markdown/resources/resources-self-custody/' | relative_url }}" class="card p-6 group hover:border-green-500/50 transition-all">
+        <div class="w-14 h-14 bg-green-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-green-500/20 transition-colors">
+          <span class="text-3xl">🔐</span>
+        </div>
+        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
+          自託管指南
+        </h3>
+        <p class="text-cp-dark-600 text-sm">
+          硬體錢包、節點運營、安全實踐
+        </p>
+      </a>
+    </div>
+  </section>
+
+  <!-- Quick Links -->
+  <section class="card p-8 bg-cp-dark-100">
+    <h2 class="text-xl font-bold font-mono text-cp-green-500 mb-6 flex items-center gap-2">
+      <span class="text-cp-dark-500">//</span> 其他資源
+    </h2>
+    <div class="grid md:grid-cols-3 gap-4">
+      <a href="{{ '/markdown/products/' | relative_url }}" class="flex items-center gap-3 p-4 bg-cp-dark-200 rounded-lg hover:bg-cp-dark-300 transition-colors group">
+        <span class="text-2xl">📚</span>
+        <div>
+          <div class="font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">書籍 & 論文</div>
+          <div class="text-xs text-cp-dark-600">17+ 本精選書籍</div>
+        </div>
+      </a>
+      <a href="{{ '/markdown/knowledge/glossary/' | relative_url }}" class="flex items-center gap-3 p-4 bg-cp-dark-200 rounded-lg hover:bg-cp-dark-300 transition-colors group">
+        <span class="text-2xl">📖</span>
+        <div>
+          <div class="font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">術語詞彙表</div>
+          <div class="text-xs text-cp-dark-600">區塊鏈專業術語</div>
+        </div>
+      </a>
+      <a href="{{ '/markdown/resources/resources-cypherpunk-history/' | relative_url }}" class="flex items-center gap-3 p-4 bg-cp-dark-200 rounded-lg hover:bg-cp-dark-300 transition-colors group">
+        <span class="text-2xl">📜</span>
+        <div>
+          <div class="font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">Cypherpunk 歷史</div>
+          <div class="text-xs text-cp-dark-600">密碼龐克運動起源</div>
+        </div>
+      </a>
+    </div>
+  </section>
+</div>
diff --git a/tags.html b/tags.html
new file mode 100644
index 00000000..99f141d8
--- /dev/null
+++ b/tags.html
@@ -0,0 +1,101 @@
+---
+layout: default
+title: 標籤
+permalink: /tags/
+---
+
+<div class="max-w-6xl mx-auto">
+  <!-- Page Header -->
+  <header class="mb-12 text-center">
+    <h1 class="text-4xl md:text-5xl font-bold font-mono text-cp-green-500 mb-4">
+      <span class="text-cp-dark-500">#</span> 標籤
+    </h1>
+    <p class="text-lg text-cp-dark-600 font-mono">
+      依標籤瀏覽所有文章
+    </p>
+  </header>
+
+  <!-- Tags Cloud -->
+  <div class="card p-8 mb-12">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="w-1 h-6 bg-cp-green-500"></div>
+      <h2 class="text-xl font-bold font-mono text-cp-green-500">所有標籤</h2>
+      <span class="text-sm text-cp-dark-500 font-mono">({{ site.tags | size }})</span>
+    </div>
+
+    <div class="flex flex-wrap gap-3">
+      {% assign sorted_tags = site.tags | sort %}
+      {% for tag in sorted_tags %}
+        {% assign tag_name = tag[0] %}
+        {% assign tag_posts = tag[1] %}
+        {% assign tag_size = tag_posts.size %}
+
+        {% if tag_size > 10 %}
+          {% assign size_class = "text-xl" %}
+        {% elsif tag_size > 5 %}
+          {% assign size_class = "text-lg" %}
+        {% elsif tag_size > 2 %}
+          {% assign size_class = "text-base" %}
+        {% else %}
+          {% assign size_class = "text-sm" %}
+        {% endif %}
+
+        <a href="#{{ tag_name | slugify }}"
+           class="px-3 py-1.5 font-mono {{ size_class }} bg-cp-dark-200 text-cp-dark-700 hover:bg-cp-green-500/20 hover:text-cp-green-500 border border-cp-dark-300 hover:border-cp-green-500 rounded transition-all">
+          <span class="text-cp-green-500">#</span>{{ tag_name }}
+          <span class="text-cp-dark-500 text-xs ml-1">({{ tag_size }})</span>
+        </a>
+      {% endfor %}
+    </div>
+  </div>
+
+  <!-- Posts by Tag -->
+  <div class="space-y-12">
+    {% for tag in sorted_tags %}
+      {% assign tag_name = tag[0] %}
+      {% assign tag_posts = tag[1] %}
+
+      <section id="{{ tag_name | slugify }}" class="scroll-mt-24">
+        <!-- Tag Header -->
+        <div class="flex items-center gap-4 mb-6">
+          <h2 class="text-2xl font-bold font-mono text-cp-green-500">
+            <span class="text-cp-dark-500">#</span>{{ tag_name }}
+          </h2>
+          <div class="flex-grow h-px bg-cp-dark-300"></div>
+          <span class="text-sm text-cp-dark-500 font-mono">{{ tag_posts.size }} 篇文章</span>
+        </div>
+
+        <!-- Posts List -->
+        <div class="space-y-4">
+          {% for post in tag_posts %}
+          <article class="card p-4 group">
+            <a href="{{ post.url | relative_url }}" class="flex flex-col sm:flex-row sm:items-center gap-3">
+              <time datetime="{{ post.date | date_to_xmlschema }}" class="text-sm font-mono text-cp-dark-500 sm:w-28 flex-shrink-0">
+                {{ post.date | date: "%Y-%m-%d" }}
+              </time>
+              <h3 class="font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors flex-grow">
+                {{ post.title }}
+              </h3>
+              {% if post.category %}
+              <span class="text-xs font-mono text-cp-green-600 bg-cp-green-500/10 px-2 py-0.5 rounded flex-shrink-0">
+                {{ post.category }}
+              </span>
+              {% endif %}
+            </a>
+          </article>
+          {% endfor %}
+        </div>
+      </section>
+    {% endfor %}
+  </div>
+
+  <!-- Back to Top -->
+  <div class="text-center mt-12">
+    <a href="#" class="inline-flex items-center gap-2 text-cp-dark-600 hover:text-cp-green-500 font-mono transition-colors">
+      <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"/>
+      </svg>
+      返回頂部
+    </a>
+  </div>
+</div>
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 00000000..c5b2ee1c
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,192 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './_includes/**/*.html',
+    './_layouts/**/*.html',
+    './_posts/**/*.{html,md}',
+    './_products/**/*.{html,md}',
+    './markdown/**/*.{html,md}',
+    './blog/**/*.html',
+    './*.{html,md}',
+  ],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      // Cypherpunk 色彩系統
+      colors: {
+        // 主色 - 柔和駭客綠（降低飽和度，更護眼）
+        'cp-green': {
+          DEFAULT: '#4ade80',
+          50: '#f0fdf4',
+          100: '#dcfce7',
+          200: '#bbf7d0',
+          300: '#86efac',
+          400: '#4ade80',
+          500: '#22c55e',
+          600: '#16a34a',
+          700: '#15803d',
+          800: '#166534',
+          900: '#14532d',
+        },
+        // 背景色系
+        'cp-dark': {
+          DEFAULT: '#0a0a0a',
+          50: '#1a1a1a',
+          100: '#0d1117',
+          200: '#161b22',
+          300: '#21262d',
+          400: '#30363d',
+          500: '#484f58',
+          600: '#6e7681',
+          700: '#8b949e',
+          800: '#c9d1d9',
+          900: '#f0f6fc',
+        },
+        // 強調色
+        'cp-accent': {
+          red: '#ff6b6b',
+          orange: '#ffa500',
+          cyan: '#00ffff',
+          purple: '#bf00ff',
+        },
+      },
+      // 字體
+      fontFamily: {
+        'mono': ['JetBrains Mono', 'Fira Code', 'Monaco', 'Consolas', 'monospace'],
+        'sans': ['Inter', 'Noto Sans TC', 'system-ui', 'sans-serif'],
+      },
+      // 動畫
+      animation: {
+        'matrix-rain': 'matrix-rain 20s linear infinite',
+        'typewriter': 'typewriter 3s steps(40) 1s forwards',
+        'cursor-blink': 'cursor-blink 1s step-end infinite',
+        'glow': 'glow 2s ease-in-out infinite alternate',
+        'scanline': 'scanline 8s linear infinite',
+        'flicker': 'flicker 0.15s infinite',
+      },
+      keyframes: {
+        'matrix-rain': {
+          '0%': { transform: 'translateY(-100%)' },
+          '100%': { transform: 'translateY(100%)' },
+        },
+        'typewriter': {
+          'from': { width: '0' },
+          'to': { width: '100%' },
+        },
+        'cursor-blink': {
+          '0%, 100%': { opacity: '1' },
+          '50%': { opacity: '0' },
+        },
+        'glow': {
+          'from': {
+            textShadow: '0 0 4px rgba(74, 222, 128, 0.4)',
+          },
+          'to': {
+            textShadow: '0 0 8px rgba(74, 222, 128, 0.5)',
+          },
+        },
+        'scanline': {
+          '0%': { transform: 'translateY(0)' },
+          '100%': { transform: 'translateY(100vh)' },
+        },
+        'flicker': {
+          '0%': { opacity: '0.97' },
+          '50%': { opacity: '1' },
+          '100%': { opacity: '0.98' },
+        },
+      },
+      // 陰影 - 柔和光暈
+      boxShadow: {
+        'glow-green': '0 0 6px rgba(74, 222, 128, 0.3), 0 0 12px rgba(74, 222, 128, 0.15)',
+        'glow-green-lg': '0 0 10px rgba(74, 222, 128, 0.4), 0 0 20px rgba(74, 222, 128, 0.2)',
+      },
+      // 背景
+      backgroundImage: {
+        'grid-pattern': `linear-gradient(rgba(74, 222, 128, 0.03) 1px, transparent 1px),
+                         linear-gradient(90deg, rgba(74, 222, 128, 0.03) 1px, transparent 1px)`,
+        'gradient-radial': 'radial-gradient(ellipse at center, var(--tw-gradient-stops))',
+      },
+      backgroundSize: {
+        'grid': '50px 50px',
+      },
+      // 排版
+      typography: (theme) => ({
+        DEFAULT: {
+          css: {
+            color: theme('colors.cp-dark.800'),
+            a: {
+              color: theme('colors.cp-green.500'),
+              '&:hover': {
+                color: theme('colors.cp-green.400'),
+              },
+            },
+            'code::before': {
+              content: '""',
+            },
+            'code::after': {
+              content: '""',
+            },
+          },
+        },
+        // 深色模式排版
+        invert: {
+          css: {
+            color: theme('colors.cp-dark.800'),
+            a: {
+              color: theme('colors.cp-green.500'),
+              '&:hover': {
+                color: theme('colors.cp-green.400'),
+                textShadow: '0 0 6px rgba(74, 222, 128, 0.3)',
+              },
+            },
+            strong: {
+              color: theme('colors.cp-green.400'),
+            },
+            h1: {
+              color: theme('colors.cp-green.500'),
+            },
+            h2: {
+              color: theme('colors.cp-green.500'),
+            },
+            h3: {
+              color: theme('colors.cp-green.400'),
+            },
+            h4: {
+              color: theme('colors.cp-green.400'),
+            },
+            code: {
+              color: theme('colors.cp-green.400'),
+              backgroundColor: theme('colors.cp-dark.200'),
+              padding: '0.25rem 0.5rem',
+              borderRadius: '0.25rem',
+            },
+            'pre code': {
+              backgroundColor: 'transparent',
+              padding: '0',
+            },
+            pre: {
+              backgroundColor: theme('colors.cp-dark.100'),
+              border: `1px solid ${theme('colors.cp-dark.400')}`,
+            },
+            blockquote: {
+              borderLeftColor: theme('colors.cp-green.600'),
+              color: theme('colors.cp-dark.700'),
+            },
+            hr: {
+              borderColor: theme('colors.cp-dark.400'),
+            },
+            'ul > li::marker': {
+              color: theme('colors.cp-green.500'),
+            },
+            'ol > li::marker': {
+              color: theme('colors.cp-green.500'),
+            },
+          },
+        },
+      }),
+    },
+  },
+  plugins: [
+    require('@tailwindcss/typography'),
+  ],
+}