diff --git a/auto-imports.d.ts b/auto-imports.d.ts
index d0c217f..03983a3 100644
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@@ -71,6 +71,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
   import('vue')
 }
diff --git a/src/assets/image/hg/common/icon-instagram.svg b/src/assets/image/hg/common/icon-instagram.svg
deleted file mode 100644
index 44ccc10..0000000
--- a/src/assets/image/hg/common/icon-instagram.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="30" cy="30" r="30" fill="url(#paint0_linear_255_1055)"/>
-<rect x="14" y="14" width="32" height="32" rx="10" stroke="white" stroke-width="3"/>
-<rect x="23" y="23" width="14" height="14" rx="7" stroke="white" stroke-width="3"/>
-<circle cx="39" cy="21" r="1.5" fill="white" stroke="white"/>
-<defs>
-<linearGradient id="paint0_linear_255_1055" x1="0" y1="60" x2="60" y2="0" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FDDA8A"/>
-<stop offset="0.354493" stop-color="#FC564D"/>
-<stop offset="0.677246" stop-color="#9745C0"/>
-<stop offset="1" stop-color="#4352DF"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/src/assets/image/hg/common/icon-telegram.svg b/src/assets/image/hg/common/icon-telegram.svg
deleted file mode 100644
index d3c41df..0000000
--- a/src/assets/image/hg/common/icon-telegram.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Telegram" clip-path="url(#clip0_0_4)">
-<g id="&#230;&#164;&#173;&#229;&#156;&#134; 5">
-</g>
-<path id="&#232;&#183;&#175;&#229;&#190;&#132; 5" d="M25.325 27.8352L29.0351 10.3477C29.3628 8.80869 28.4792 8.20356 27.4701 8.58103L5.66737 16.9839C4.17814 17.5662 4.2046 18.3974 5.41537 18.7749L10.9922 20.5161L23.9379 12.3632C24.5441 11.9598 25.0994 12.1874 24.6463 12.5908L14.174 22.053L13.7706 27.8077C13.9899 27.8091 14.2065 27.7597 14.4034 27.6632C14.6004 27.5668 14.7723 27.426 14.9056 27.2518L17.63 24.6275L23.2825 28.7908C24.3175 29.3732 25.0491 29.0693 25.3276 27.8315L25.325 27.8352Z" fill="var(--fill-0, white)"/>
-</g>
-<defs>
-<clipPath id="clip0_0_4">
-<rect width="36" height="36" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/assets/image/hg/common/icon-tiktok.svg b/src/assets/image/hg/common/icon-tiktok.svg
deleted file mode 100644
index 9f9a092..0000000
--- a/src/assets/image/hg/common/icon-tiktok.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="&#230;&#142;&#168;&#231;&#137;&#185;">
-<circle id="Ellipse 11" cx="30" cy="30" r="29" fill="var(--fill-0, black)" stroke="url(#paint0_linear_0_7)" stroke-width="2"/>
-<g id="Frame" clip-path="url(#clip0_0_7)">
-<path id="Vector" d="M44.9503 26.8971C42.0025 26.891 39.1351 25.9352 36.7732 24.1714L36.7732 36.5486C36.8469 39.5103 35.7417 42.3801 33.7005 44.5274C31.6593 46.6746 28.8491 47.9237 25.8875 48C22.9258 47.9237 20.1156 46.6746 18.0744 44.5274C16.0333 42.3801 14.9281 39.5103 15.0018 36.5486C14.9653 35.0829 15.218 33.6244 15.7454 32.2564C16.2728 30.8885 17.0646 29.6378 18.0755 28.576C19.0864 27.5141 20.2966 26.6618 21.6371 26.0679C22.9775 25.4739 24.4218 25.1499 25.8875 25.1143C26.4615 25.1177 27.0345 25.1636 27.6018 25.2514L27.6018 31.8171C27.0549 31.6051 26.474 31.4947 25.8875 31.4914C25.2293 31.5069 24.5808 31.6526 23.9792 31.9199C23.3776 32.1872 22.8349 32.571 22.3823 33.0491C21.9297 33.5272 21.5763 34.0901 21.3423 34.7054C21.1083 35.3207 20.9984 35.9763 21.0189 36.6343C20.9984 37.2923 21.1083 37.9478 21.3423 38.5632C21.5763 39.1785 21.9297 39.7414 22.3823 40.2195C22.8349 40.6976 23.3776 41.0813 23.9792 41.3487C24.5808 41.616 25.2293 41.7616 25.8875 41.7771C26.5441 41.7594 27.1908 41.6121 27.7905 41.3438C28.3901 41.0755 28.9308 40.6914 29.3815 40.2135C29.8323 39.7357 30.1843 39.1735 30.4172 38.5593C30.6501 37.9451 30.7595 37.2909 30.7389 36.6343L30.7389 12L36.8075 12C36.7779 13.1021 36.9668 14.1991 37.3635 15.2278C37.7601 16.2565 38.3566 17.1964 39.1184 17.9933C39.8803 18.7902 40.7924 19.4283 41.8022 19.8708C42.812 20.3133 43.8995 20.5515 45.0018 20.5714L45.0018 26.9143" fill="var(--fill-0, white)"/>
-</g>
-</g>
-<defs>
-<linearGradient id="paint0_linear_0_7" x1="3.8147e-06" y1="0" x2="60" y2="60" gradientUnits="userSpaceOnUse">
-<stop stop-color="#227173"/>
-<stop offset="0.5"/>
-<stop offset="1" stop-color="#6D1F2D"/>
-</linearGradient>
-<clipPath id="clip0_0_7">
-<rect width="36" height="36" fill="white" transform="translate(12 12)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/assets/image/hg/common/icon-x.svg b/src/assets/image/hg/common/icon-x.svg
deleted file mode 100644
index 2f0ba92..0000000
--- a/src/assets/image/hg/common/icon-x.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="&#230;&#142;&#168;&#231;&#137;&#185;">
-<circle id="Ellipse 11" cx="30" cy="30" r="30" fill="var(--fill-0, black)"/>
-<g id="Frame">
-<path id="Vector" d="M38.7806 16.2891L43.4325 16.2891L33.2695 27.9047L45.2255 43.7109L35.8641 43.7109L28.5319 34.1245L20.1422 43.7109L15.4875 43.7109L26.3578 31.2867L14.8884 16.2891L24.4875 16.2891L31.1152 25.0514L38.7806 16.2891ZM37.148 40.9266L39.7256 40.9266L23.0869 18.9272L20.3207 18.9272L37.148 40.9266Z" fill="var(--fill-0, white)"/>
-</g>
-</g>
-</svg>
diff --git a/src/assets/image/hg/common/logo-m.png b/src/assets/image/hg/common/logo-m.png
deleted file mode 100644
index 54d2a0f..0000000
Binary files a/src/assets/image/hg/common/logo-m.png and /dev/null differ
diff --git a/src/assets/image/hg/common/logo-m.webp b/src/assets/image/hg/common/logo-m.webp
deleted file mode 100644
index 8f748dc..0000000
Binary files a/src/assets/image/hg/common/logo-m.webp and /dev/null differ
diff --git a/src/assets/image/hg/common/logo.png b/src/assets/image/hg/common/logo.png
deleted file mode 100644
index 43d4aae..0000000
Binary files a/src/assets/image/hg/common/logo.png and /dev/null differ
diff --git a/src/assets/image/hg/common/logo.webp b/src/assets/image/hg/common/logo.webp
deleted file mode 100644
index 005d32d..0000000
Binary files a/src/assets/image/hg/common/logo.webp and /dev/null differ
diff --git a/src/assets/image/hg/common/theme.png b/src/assets/image/hg/common/theme.png
deleted file mode 100644
index dc9fc12..0000000
Binary files a/src/assets/image/hg/common/theme.png and /dev/null differ
diff --git a/src/assets/image/hg/common/theme.webp b/src/assets/image/hg/common/theme.webp
deleted file mode 100644
index 36bc233..0000000
Binary files a/src/assets/image/hg/common/theme.webp and /dev/null differ
diff --git a/src/assets/image/hg/mobile/cta/badge-recommend.png b/src/assets/image/hg/mobile/cta/badge-recommend.png
deleted file mode 100644
index bcba8fb..0000000
Binary files a/src/assets/image/hg/mobile/cta/badge-recommend.png and /dev/null differ
diff --git a/src/assets/image/hg/mobile/guide/app-icon.png b/src/assets/image/hg/mobile/guide/app-icon.png
deleted file mode 100644
index e7a17f3..0000000
Binary files a/src/assets/image/hg/mobile/guide/app-icon.png and /dev/null differ
diff --git a/src/assets/image/hg/mobile/guide/app-icon.webp b/src/assets/image/hg/mobile/guide/app-icon.webp
deleted file mode 100644
index 138c86b..0000000
Binary files a/src/assets/image/hg/mobile/guide/app-icon.webp and /dev/null differ
diff --git a/src/assets/image/hg/mobile/guide/cog-icon.png b/src/assets/image/hg/mobile/guide/cog-icon.png
deleted file mode 100644
index c43e20e..0000000
Binary files a/src/assets/image/hg/mobile/guide/cog-icon.png and /dev/null differ
diff --git a/src/assets/image/hg/mobile/guide/step-deco.png b/src/assets/image/hg/mobile/guide/step-deco.png
deleted file mode 100644
index 38d36c3..0000000
Binary files a/src/assets/image/hg/mobile/guide/step-deco.png and /dev/null differ
diff --git a/src/assets/image/hg/mobile/pagebg.jpg b/src/assets/image/hg/mobile/pagebg.jpg
deleted file mode 100644
index f28364c..0000000
Binary files a/src/assets/image/hg/mobile/pagebg.jpg and /dev/null differ
diff --git a/src/assets/image/hg/mobile/pagebg.webp b/src/assets/image/hg/mobile/pagebg.webp
deleted file mode 100644
index 49e354c..0000000
Binary files a/src/assets/image/hg/mobile/pagebg.webp and /dev/null differ
diff --git a/src/assets/image/hg/mobile/person1.png b/src/assets/image/hg/mobile/person1.png
deleted file mode 100644
index 1bf576b..0000000
Binary files a/src/assets/image/hg/mobile/person1.png and /dev/null differ
diff --git a/src/assets/image/hg/mobile/person1.webp b/src/assets/image/hg/mobile/person1.webp
deleted file mode 100644
index d6cb0f6..0000000
Binary files a/src/assets/image/hg/mobile/person1.webp and /dev/null differ
diff --git a/src/assets/image/hg/mobile/person2.png b/src/assets/image/hg/mobile/person2.png
deleted file mode 100644
index 75877f2..0000000
Binary files a/src/assets/image/hg/mobile/person2.png and /dev/null differ
diff --git a/src/assets/image/hg/mobile/person2.webp b/src/assets/image/hg/mobile/person2.webp
deleted file mode 100644
index e1b939e..0000000
Binary files a/src/assets/image/hg/mobile/person2.webp and /dev/null differ
diff --git a/src/assets/image/hg/mobile/person3.png b/src/assets/image/hg/mobile/person3.png
deleted file mode 100644
index bf6f3bf..0000000
Binary files a/src/assets/image/hg/mobile/person3.png and /dev/null differ
diff --git a/src/assets/image/hg/mobile/person3.webp b/src/assets/image/hg/mobile/person3.webp
deleted file mode 100644
index 121e09f..0000000
Binary files a/src/assets/image/hg/mobile/person3.webp and /dev/null differ
diff --git a/src/assets/image/hg/mobile/person4.png b/src/assets/image/hg/mobile/person4.png
deleted file mode 100644
index baacd20..0000000
Binary files a/src/assets/image/hg/mobile/person4.png and /dev/null differ
diff --git a/src/assets/image/hg/mobile/person4.webp b/src/assets/image/hg/mobile/person4.webp
deleted file mode 100644
index ccdbb58..0000000
Binary files a/src/assets/image/hg/mobile/person4.webp and /dev/null differ
diff --git a/src/assets/image/hg/mobile/person5.png b/src/assets/image/hg/mobile/person5.png
deleted file mode 100644
index bd881b7..0000000
Binary files a/src/assets/image/hg/mobile/person5.png and /dev/null differ
diff --git a/src/assets/image/hg/mobile/person5.webp b/src/assets/image/hg/mobile/person5.webp
deleted file mode 100644
index 38fc3cf..0000000
Binary files a/src/assets/image/hg/mobile/person5.webp and /dev/null differ
diff --git a/src/assets/image/hg/pc/b-bg.jpg b/src/assets/image/hg/pc/b-bg.jpg
deleted file mode 100644
index 4cd178c..0000000
Binary files a/src/assets/image/hg/pc/b-bg.jpg and /dev/null differ
diff --git a/src/assets/image/hg/pc/b-bg.webp b/src/assets/image/hg/pc/b-bg.webp
deleted file mode 100644
index d341ece..0000000
Binary files a/src/assets/image/hg/pc/b-bg.webp and /dev/null differ
diff --git a/src/assets/image/hg/pc/bg1.jpg b/src/assets/image/hg/pc/bg1.jpg
deleted file mode 100644
index a95d8f3..0000000
Binary files a/src/assets/image/hg/pc/bg1.jpg and /dev/null differ
diff --git a/src/assets/image/hg/pc/bg1.webp b/src/assets/image/hg/pc/bg1.webp
deleted file mode 100644
index 08934a8..0000000
Binary files a/src/assets/image/hg/pc/bg1.webp and /dev/null differ
diff --git a/src/assets/image/hg/pc/bg2.jpg b/src/assets/image/hg/pc/bg2.jpg
deleted file mode 100644
index 88ec048..0000000
Binary files a/src/assets/image/hg/pc/bg2.jpg and /dev/null differ
diff --git a/src/assets/image/hg/pc/bg2.webp b/src/assets/image/hg/pc/bg2.webp
deleted file mode 100644
index f6598b5..0000000
Binary files a/src/assets/image/hg/pc/bg2.webp and /dev/null differ
diff --git a/src/assets/image/hg/pc/bg3.jpg b/src/assets/image/hg/pc/bg3.jpg
deleted file mode 100644
index 2ba5ca8..0000000
Binary files a/src/assets/image/hg/pc/bg3.jpg and /dev/null differ
diff --git a/src/assets/image/hg/pc/bg3.webp b/src/assets/image/hg/pc/bg3.webp
deleted file mode 100644
index 2e8e308..0000000
Binary files a/src/assets/image/hg/pc/bg3.webp and /dev/null differ
diff --git a/src/assets/image/hg/pc/bg4.jpg b/src/assets/image/hg/pc/bg4.jpg
deleted file mode 100644
index e8ca140..0000000
Binary files a/src/assets/image/hg/pc/bg4.jpg and /dev/null differ
diff --git a/src/assets/image/hg/pc/bg4.webp b/src/assets/image/hg/pc/bg4.webp
deleted file mode 100644
index 7399e75..0000000
Binary files a/src/assets/image/hg/pc/bg4.webp and /dev/null differ
diff --git a/src/assets/image/hg/pc/bg5.jpg b/src/assets/image/hg/pc/bg5.jpg
deleted file mode 100644
index 6fcf792..0000000
Binary files a/src/assets/image/hg/pc/bg5.jpg and /dev/null differ
diff --git a/src/assets/image/hg/pc/bg5.webp b/src/assets/image/hg/pc/bg5.webp
deleted file mode 100644
index f4f0eb7..0000000
Binary files a/src/assets/image/hg/pc/bg5.webp and /dev/null differ
diff --git a/src/assets/image/hg/pc/covers.png b/src/assets/image/hg/pc/covers.png
deleted file mode 100644
index 53c23ec..0000000
Binary files a/src/assets/image/hg/pc/covers.png and /dev/null differ
diff --git a/src/assets/image/hg/pc/covers.webp b/src/assets/image/hg/pc/covers.webp
deleted file mode 100644
index f0fc28b..0000000
Binary files a/src/assets/image/hg/pc/covers.webp and /dev/null differ
diff --git a/src/assets/image/hg/pc/share-bg.jpg b/src/assets/image/hg/pc/share-bg.jpg
deleted file mode 100644
index cf745c7..0000000
Binary files a/src/assets/image/hg/pc/share-bg.jpg and /dev/null differ
diff --git a/src/assets/image/hg/pc/share-bg.webp b/src/assets/image/hg/pc/share-bg.webp
deleted file mode 100644
index 5a73fc2..0000000
Binary files a/src/assets/image/hg/pc/share-bg.webp and /dev/null differ
diff --git a/src/assets/image/landing-a/common/app-icon.webp b/src/assets/image/landing-a/common/app-icon.webp
new file mode 100644
index 0000000..39b8abb
Binary files /dev/null and b/src/assets/image/landing-a/common/app-icon.webp differ
diff --git a/src/assets/image/landing-a/mobile/android-icon.png b/src/assets/image/landing-a/mobile/android-icon.png
new file mode 100644
index 0000000..5aabd24
Binary files /dev/null and b/src/assets/image/landing-a/mobile/android-icon.png differ
diff --git a/src/assets/image/landing-a/mobile/banner.webp b/src/assets/image/landing-a/mobile/banner.webp
new file mode 100644
index 0000000..d038a0f
Binary files /dev/null and b/src/assets/image/landing-a/mobile/banner.webp differ
diff --git a/src/assets/image/landing-a/mobile/close.png b/src/assets/image/landing-a/mobile/close.png
new file mode 100644
index 0000000..a6941a9
Binary files /dev/null and b/src/assets/image/landing-a/mobile/close.png differ
diff --git a/src/assets/image/landing-a/mobile/content.webp b/src/assets/image/landing-a/mobile/content.webp
new file mode 100644
index 0000000..ce33b3e
Binary files /dev/null and b/src/assets/image/landing-a/mobile/content.webp differ
diff --git a/src/assets/image/landing-a/mobile/cta-btn-ios.png b/src/assets/image/landing-a/mobile/cta-btn-ios.png
new file mode 100644
index 0000000..a70f8c0
Binary files /dev/null and b/src/assets/image/landing-a/mobile/cta-btn-ios.png differ
diff --git a/src/assets/image/landing-a/mobile/cta-btn.png b/src/assets/image/landing-a/mobile/cta-btn.png
new file mode 100644
index 0000000..235e9c8
Binary files /dev/null and b/src/assets/image/landing-a/mobile/cta-btn.png differ
diff --git a/src/assets/image/landing-a/mobile/downloadIosAppStore.gif b/src/assets/image/landing-a/mobile/downloadIosAppStore.gif
new file mode 100644
index 0000000..4e053e3
Binary files /dev/null and b/src/assets/image/landing-a/mobile/downloadIosAppStore.gif differ
diff --git a/src/assets/image/landing-a/mobile/header-bg.webp b/src/assets/image/landing-a/mobile/header-bg.webp
new file mode 100644
index 0000000..10d4e5d
Binary files /dev/null and b/src/assets/image/landing-a/mobile/header-bg.webp differ
diff --git a/src/assets/image/landing-a/mobile/ios-icon.png b/src/assets/image/landing-a/mobile/ios-icon.png
new file mode 100644
index 0000000..03edd7d
Binary files /dev/null and b/src/assets/image/landing-a/mobile/ios-icon.png differ
diff --git a/src/assets/image/landing-a/pc/bg01.webp b/src/assets/image/landing-a/pc/bg01.webp
new file mode 100644
index 0000000..1305c40
Binary files /dev/null and b/src/assets/image/landing-a/pc/bg01.webp differ
diff --git a/src/assets/image/landing-a/pc/bg02.webp b/src/assets/image/landing-a/pc/bg02.webp
new file mode 100644
index 0000000..43f31ca
Binary files /dev/null and b/src/assets/image/landing-a/pc/bg02.webp differ
diff --git a/src/assets/image/mebile-index-v3/bg.png b/src/assets/image/mebile-index-v3/bg.png
deleted file mode 100644
index e589aa8..0000000
Binary files a/src/assets/image/mebile-index-v3/bg.png and /dev/null differ
diff --git a/src/assets/image/mebile-index-v3/bg.webp b/src/assets/image/mebile-index-v3/bg.webp
deleted file mode 100644
index 18fa03d..0000000
Binary files a/src/assets/image/mebile-index-v3/bg.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index-v3/btn-backup.png b/src/assets/image/mebile-index-v3/btn-backup.png
deleted file mode 100644
index e80e27b..0000000
Binary files a/src/assets/image/mebile-index-v3/btn-backup.png and /dev/null differ
diff --git a/src/assets/image/mebile-index-v3/btn-fast.png b/src/assets/image/mebile-index-v3/btn-fast.png
deleted file mode 100644
index 5134c62..0000000
Binary files a/src/assets/image/mebile-index-v3/btn-fast.png and /dev/null differ
diff --git a/src/assets/image/mebile-index-v3/decor.png b/src/assets/image/mebile-index-v3/decor.png
deleted file mode 100644
index ce22fe2..0000000
Binary files a/src/assets/image/mebile-index-v3/decor.png and /dev/null differ
diff --git a/src/assets/image/mebile-index-v3/icon-business.png b/src/assets/image/mebile-index-v3/icon-business.png
deleted file mode 100644
index b8a581d..0000000
Binary files a/src/assets/image/mebile-index-v3/icon-business.png and /dev/null differ
diff --git a/src/assets/image/mebile-index-v3/icon-group.png b/src/assets/image/mebile-index-v3/icon-group.png
deleted file mode 100644
index e340438..0000000
Binary files a/src/assets/image/mebile-index-v3/icon-group.png and /dev/null differ
diff --git a/src/assets/image/mebile-index-v3/icon-recruit.png b/src/assets/image/mebile-index-v3/icon-recruit.png
deleted file mode 100644
index 27ce081..0000000
Binary files a/src/assets/image/mebile-index-v3/icon-recruit.png and /dev/null differ
diff --git a/src/assets/image/mebile-index-v3/icon-service.png b/src/assets/image/mebile-index-v3/icon-service.png
deleted file mode 100644
index c503c7d..0000000
Binary files a/src/assets/image/mebile-index-v3/icon-service.png and /dev/null differ
diff --git a/src/assets/image/mebile-index-v3/logo-block.png b/src/assets/image/mebile-index-v3/logo-block.png
deleted file mode 100644
index 5609c9b..0000000
Binary files a/src/assets/image/mebile-index-v3/logo-block.png and /dev/null differ
diff --git a/src/assets/image/mebile-index-v3/main.png b/src/assets/image/mebile-index-v3/main.png
deleted file mode 100644
index 0e3a8cc..0000000
Binary files a/src/assets/image/mebile-index-v3/main.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/btn2.png b/src/assets/image/mebile-index/btn2.png
deleted file mode 100644
index f91d4d1..0000000
Binary files a/src/assets/image/mebile-index/btn2.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/btn2.webp b/src/assets/image/mebile-index/btn2.webp
deleted file mode 100644
index 772de73..0000000
Binary files a/src/assets/image/mebile-index/btn2.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index/btn5.png b/src/assets/image/mebile-index/btn5.png
deleted file mode 100644
index 58f9a38..0000000
Binary files a/src/assets/image/mebile-index/btn5.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/btn5.webp b/src/assets/image/mebile-index/btn5.webp
deleted file mode 100644
index 249dba9..0000000
Binary files a/src/assets/image/mebile-index/btn5.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index/downloadBtn.png b/src/assets/image/mebile-index/downloadBtn.png
deleted file mode 100644
index 21330bf..0000000
Binary files a/src/assets/image/mebile-index/downloadBtn.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/fj_icon.png b/src/assets/image/mebile-index/fj_icon.png
deleted file mode 100644
index a3cbb24..0000000
Binary files a/src/assets/image/mebile-index/fj_icon.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/fj_icon.webp b/src/assets/image/mebile-index/fj_icon.webp
deleted file mode 100644
index f933d39..0000000
Binary files a/src/assets/image/mebile-index/fj_icon.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index/group.png b/src/assets/image/mebile-index/group.png
deleted file mode 100644
index 4bf6c55..0000000
Binary files a/src/assets/image/mebile-index/group.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/group.webp b/src/assets/image/mebile-index/group.webp
deleted file mode 100644
index a4192b4..0000000
Binary files a/src/assets/image/mebile-index/group.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index/ios-h5/step1.png b/src/assets/image/mebile-index/ios-h5/step1.png
deleted file mode 100644
index 515c6bc..0000000
Binary files a/src/assets/image/mebile-index/ios-h5/step1.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/ios-h5/step1.webp b/src/assets/image/mebile-index/ios-h5/step1.webp
deleted file mode 100644
index 0bf0ae4..0000000
Binary files a/src/assets/image/mebile-index/ios-h5/step1.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index/ios-h5/step2.png b/src/assets/image/mebile-index/ios-h5/step2.png
deleted file mode 100644
index 9df36f4..0000000
Binary files a/src/assets/image/mebile-index/ios-h5/step2.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/ios-h5/step2.webp b/src/assets/image/mebile-index/ios-h5/step2.webp
deleted file mode 100644
index 574e4d3..0000000
Binary files a/src/assets/image/mebile-index/ios-h5/step2.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index/ios-h5/step3.png b/src/assets/image/mebile-index/ios-h5/step3.png
deleted file mode 100644
index 9a0a48c..0000000
Binary files a/src/assets/image/mebile-index/ios-h5/step3.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/ios-h5/step3.webp b/src/assets/image/mebile-index/ios-h5/step3.webp
deleted file mode 100644
index 3f09e72..0000000
Binary files a/src/assets/image/mebile-index/ios-h5/step3.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index/ios-h5/step4.png b/src/assets/image/mebile-index/ios-h5/step4.png
deleted file mode 100644
index 677b6ea..0000000
Binary files a/src/assets/image/mebile-index/ios-h5/step4.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/ios-h5/step4.webp b/src/assets/image/mebile-index/ios-h5/step4.webp
deleted file mode 100644
index 9965a4a..0000000
Binary files a/src/assets/image/mebile-index/ios-h5/step4.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index/kf.png b/src/assets/image/mebile-index/kf.png
deleted file mode 100644
index e00eb81..0000000
Binary files a/src/assets/image/mebile-index/kf.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/kf.webp b/src/assets/image/mebile-index/kf.webp
deleted file mode 100644
index 951dc3f..0000000
Binary files a/src/assets/image/mebile-index/kf.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index/kf_icon.png b/src/assets/image/mebile-index/kf_icon.png
deleted file mode 100644
index b8eb44a..0000000
Binary files a/src/assets/image/mebile-index/kf_icon.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/kf_icon.webp b/src/assets/image/mebile-index/kf_icon.webp
deleted file mode 100644
index 05c8239..0000000
Binary files a/src/assets/image/mebile-index/kf_icon.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index/logo.png b/src/assets/image/mebile-index/logo.png
deleted file mode 100644
index 9d729a7..0000000
Binary files a/src/assets/image/mebile-index/logo.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/logo.webp b/src/assets/image/mebile-index/logo.webp
deleted file mode 100644
index e34f712..0000000
Binary files a/src/assets/image/mebile-index/logo.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index/qz_icon.png b/src/assets/image/mebile-index/qz_icon.png
deleted file mode 100644
index 6973207..0000000
Binary files a/src/assets/image/mebile-index/qz_icon.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/qz_icon.webp b/src/assets/image/mebile-index/qz_icon.webp
deleted file mode 100644
index 19e36b1..0000000
Binary files a/src/assets/image/mebile-index/qz_icon.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index/topFont.png b/src/assets/image/mebile-index/topFont.png
deleted file mode 100644
index e89313a..0000000
Binary files a/src/assets/image/mebile-index/topFont.png and /dev/null differ
diff --git a/src/assets/image/mebile-index/topFont.webp b/src/assets/image/mebile-index/topFont.webp
deleted file mode 100644
index 983dbc2..0000000
Binary files a/src/assets/image/mebile-index/topFont.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index2/bg1.png b/src/assets/image/mebile-index2/bg1.png
deleted file mode 100644
index e66baee..0000000
Binary files a/src/assets/image/mebile-index2/bg1.png and /dev/null differ
diff --git a/src/assets/image/mebile-index2/bg1.webp b/src/assets/image/mebile-index2/bg1.webp
deleted file mode 100644
index f117401..0000000
Binary files a/src/assets/image/mebile-index2/bg1.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index2/btn2.png b/src/assets/image/mebile-index2/btn2.png
deleted file mode 100644
index f91d4d1..0000000
Binary files a/src/assets/image/mebile-index2/btn2.png and /dev/null differ
diff --git a/src/assets/image/mebile-index2/btn2.webp b/src/assets/image/mebile-index2/btn2.webp
deleted file mode 100644
index 772de73..0000000
Binary files a/src/assets/image/mebile-index2/btn2.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index2/btn5.png b/src/assets/image/mebile-index2/btn5.png
deleted file mode 100644
index 58f9a38..0000000
Binary files a/src/assets/image/mebile-index2/btn5.png and /dev/null differ
diff --git a/src/assets/image/mebile-index2/btn5.webp b/src/assets/image/mebile-index2/btn5.webp
deleted file mode 100644
index 249dba9..0000000
Binary files a/src/assets/image/mebile-index2/btn5.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index2/head.png b/src/assets/image/mebile-index2/head.png
deleted file mode 100644
index b367ada..0000000
Binary files a/src/assets/image/mebile-index2/head.png and /dev/null differ
diff --git a/src/assets/image/mebile-index2/head.webp b/src/assets/image/mebile-index2/head.webp
deleted file mode 100644
index 358181f..0000000
Binary files a/src/assets/image/mebile-index2/head.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon2.png b/src/assets/image/mebile-index2/icon2.png
deleted file mode 100644
index 3c6424e..0000000
Binary files a/src/assets/image/mebile-index2/icon2.png and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon2.webp b/src/assets/image/mebile-index2/icon2.webp
deleted file mode 100644
index a53d5b4..0000000
Binary files a/src/assets/image/mebile-index2/icon2.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon3.png b/src/assets/image/mebile-index2/icon3.png
deleted file mode 100644
index f289615..0000000
Binary files a/src/assets/image/mebile-index2/icon3.png and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon3.webp b/src/assets/image/mebile-index2/icon3.webp
deleted file mode 100644
index 888db2e..0000000
Binary files a/src/assets/image/mebile-index2/icon3.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon5.jpeg b/src/assets/image/mebile-index2/icon5.jpeg
deleted file mode 100644
index 89f3246..0000000
Binary files a/src/assets/image/mebile-index2/icon5.jpeg and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon5.webp b/src/assets/image/mebile-index2/icon5.webp
deleted file mode 100644
index 1af7414..0000000
Binary files a/src/assets/image/mebile-index2/icon5.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon6.jpeg b/src/assets/image/mebile-index2/icon6.jpeg
deleted file mode 100644
index 4b52365..0000000
Binary files a/src/assets/image/mebile-index2/icon6.jpeg and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon6.webp b/src/assets/image/mebile-index2/icon6.webp
deleted file mode 100644
index 982fe3c..0000000
Binary files a/src/assets/image/mebile-index2/icon6.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon7.jpeg b/src/assets/image/mebile-index2/icon7.jpeg
deleted file mode 100644
index b0dcf55..0000000
Binary files a/src/assets/image/mebile-index2/icon7.jpeg and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon7.webp b/src/assets/image/mebile-index2/icon7.webp
deleted file mode 100644
index 0e7f6b3..0000000
Binary files a/src/assets/image/mebile-index2/icon7.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon8.png b/src/assets/image/mebile-index2/icon8.png
deleted file mode 100644
index 7e78524..0000000
Binary files a/src/assets/image/mebile-index2/icon8.png and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon8.webp b/src/assets/image/mebile-index2/icon8.webp
deleted file mode 100644
index ff1620c..0000000
Binary files a/src/assets/image/mebile-index2/icon8.webp and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon9.png b/src/assets/image/mebile-index2/icon9.png
deleted file mode 100644
index 10a03eb..0000000
Binary files a/src/assets/image/mebile-index2/icon9.png and /dev/null differ
diff --git a/src/assets/image/mebile-index2/icon9.webp b/src/assets/image/mebile-index2/icon9.webp
deleted file mode 100644
index ee80ece..0000000
Binary files a/src/assets/image/mebile-index2/icon9.webp and /dev/null differ
diff --git a/src/assets/image/pc-index/cline.png b/src/assets/image/pc-index/cline.png
deleted file mode 100644
index 35b83ad..0000000
Binary files a/src/assets/image/pc-index/cline.png and /dev/null differ
diff --git a/src/assets/image/pc-index/cline.webp b/src/assets/image/pc-index/cline.webp
deleted file mode 100644
index 6e57949..0000000
Binary files a/src/assets/image/pc-index/cline.webp and /dev/null differ
diff --git a/src/assets/image/pc-index/desc.png b/src/assets/image/pc-index/desc.png
deleted file mode 100644
index 6d57d13..0000000
Binary files a/src/assets/image/pc-index/desc.png and /dev/null differ
diff --git a/src/assets/image/pc-index/desc.webp b/src/assets/image/pc-index/desc.webp
deleted file mode 100644
index e72cc91..0000000
Binary files a/src/assets/image/pc-index/desc.webp and /dev/null differ
diff --git a/src/assets/image/pc-index/logo-top.png b/src/assets/image/pc-index/logo-top.png
deleted file mode 100644
index 5d658e8..0000000
Binary files a/src/assets/image/pc-index/logo-top.png and /dev/null differ
diff --git a/src/assets/image/pc-index/logo-top.webp b/src/assets/image/pc-index/logo-top.webp
deleted file mode 100644
index acf0f04..0000000
Binary files a/src/assets/image/pc-index/logo-top.webp and /dev/null differ
diff --git a/src/assets/image/pc-index/logo.png b/src/assets/image/pc-index/logo.png
deleted file mode 100644
index 6d64a0f..0000000
Binary files a/src/assets/image/pc-index/logo.png and /dev/null differ
diff --git a/src/assets/image/pc-index/logo.webp b/src/assets/image/pc-index/logo.webp
deleted file mode 100644
index 1cfc40d..0000000
Binary files a/src/assets/image/pc-index/logo.webp and /dev/null differ
diff --git a/src/assets/image/pc-index/model.png b/src/assets/image/pc-index/model.png
deleted file mode 100644
index 434019f..0000000
Binary files a/src/assets/image/pc-index/model.png and /dev/null differ
diff --git a/src/assets/image/pc-index/model.webp b/src/assets/image/pc-index/model.webp
deleted file mode 100644
index 3c0b81c..0000000
Binary files a/src/assets/image/pc-index/model.webp and /dev/null differ
diff --git a/src/assets/image/pc-index/pcBg.jpg b/src/assets/image/pc-index/pcBg.jpg
deleted file mode 100644
index 7eb3c07..0000000
Binary files a/src/assets/image/pc-index/pcBg.jpg and /dev/null differ
diff --git a/src/assets/image/pc-index/pcBg.webp b/src/assets/image/pc-index/pcBg.webp
deleted file mode 100644
index 207639c..0000000
Binary files a/src/assets/image/pc-index/pcBg.webp and /dev/null differ
diff --git a/src/assets/image/pc-index/txt.png b/src/assets/image/pc-index/txt.png
deleted file mode 100644
index ec0562a..0000000
Binary files a/src/assets/image/pc-index/txt.png and /dev/null differ
diff --git a/src/assets/image/pc-index/txt.webp b/src/assets/image/pc-index/txt.webp
deleted file mode 100644
index 289dddc..0000000
Binary files a/src/assets/image/pc-index/txt.webp and /dev/null differ
diff --git a/src/assets/image/pc-index2/bg-new.png b/src/assets/image/pc-index2/bg-new.png
deleted file mode 100644
index 1dd1920..0000000
Binary files a/src/assets/image/pc-index2/bg-new.png and /dev/null differ
diff --git a/src/assets/image/pc-index2/bg-new.webp b/src/assets/image/pc-index2/bg-new.webp
deleted file mode 100644
index 08b2960..0000000
Binary files a/src/assets/image/pc-index2/bg-new.webp and /dev/null differ
diff --git a/src/assets/image/pc-index2/bg1.webp b/src/assets/image/pc-index2/bg1.webp
deleted file mode 100644
index 6156a41..0000000
Binary files a/src/assets/image/pc-index2/bg1.webp and /dev/null differ
diff --git a/src/assets/image/pc-index2/icon-ad.png b/src/assets/image/pc-index2/icon-ad.png
deleted file mode 100644
index c09d35e..0000000
Binary files a/src/assets/image/pc-index2/icon-ad.png and /dev/null differ
diff --git a/src/assets/image/pc-index2/icon-ad.webp b/src/assets/image/pc-index2/icon-ad.webp
deleted file mode 100644
index cc84ee5..0000000
Binary files a/src/assets/image/pc-index2/icon-ad.webp and /dev/null differ
diff --git a/src/assets/image/pc-index2/icon-fl.png b/src/assets/image/pc-index2/icon-fl.png
deleted file mode 100644
index e64461e..0000000
Binary files a/src/assets/image/pc-index2/icon-fl.png and /dev/null differ
diff --git a/src/assets/image/pc-index2/icon-fl.webp b/src/assets/image/pc-index2/icon-fl.webp
deleted file mode 100644
index 837e101..0000000
Binary files a/src/assets/image/pc-index2/icon-fl.webp and /dev/null differ
diff --git a/src/assets/image/pc-index2/icon-kf.png b/src/assets/image/pc-index2/icon-kf.png
deleted file mode 100644
index 540e4f9..0000000
Binary files a/src/assets/image/pc-index2/icon-kf.png and /dev/null differ
diff --git a/src/assets/image/pc-index2/icon-kf.webp b/src/assets/image/pc-index2/icon-kf.webp
deleted file mode 100644
index 9283f80..0000000
Binary files a/src/assets/image/pc-index2/icon-kf.webp and /dev/null differ
diff --git a/src/assets/image/pc-index2/icon-up.png b/src/assets/image/pc-index2/icon-up.png
deleted file mode 100644
index fdfe55c..0000000
Binary files a/src/assets/image/pc-index2/icon-up.png and /dev/null differ
diff --git a/src/assets/image/pc-index2/icon-up.webp b/src/assets/image/pc-index2/icon-up.webp
deleted file mode 100644
index 97917b7..0000000
Binary files a/src/assets/image/pc-index2/icon-up.webp and /dev/null differ
diff --git a/src/assets/image/pc-index2/line.png b/src/assets/image/pc-index2/line.png
deleted file mode 100644
index 83a069b..0000000
Binary files a/src/assets/image/pc-index2/line.png and /dev/null differ
diff --git a/src/assets/image/pc-index2/line.webp b/src/assets/image/pc-index2/line.webp
deleted file mode 100644
index ed6da81..0000000
Binary files a/src/assets/image/pc-index2/line.webp and /dev/null differ
diff --git a/src/assets/image/pc-index2/logo-group.png b/src/assets/image/pc-index2/logo-group.png
deleted file mode 100644
index a24554c..0000000
Binary files a/src/assets/image/pc-index2/logo-group.png and /dev/null differ
diff --git a/src/assets/image/pc-index2/logo-group.webp b/src/assets/image/pc-index2/logo-group.webp
deleted file mode 100644
index 409fa09..0000000
Binary files a/src/assets/image/pc-index2/logo-group.webp and /dev/null differ
diff --git a/src/assets/image/pc-index2/logo.png b/src/assets/image/pc-index2/logo.png
deleted file mode 100644
index 59768d7..0000000
Binary files a/src/assets/image/pc-index2/logo.png and /dev/null differ
diff --git a/src/assets/image/pc-index2/logo.webp b/src/assets/image/pc-index2/logo.webp
deleted file mode 100644
index 3c732f7..0000000
Binary files a/src/assets/image/pc-index2/logo.webp and /dev/null differ
diff --git a/src/assets/image/pc-index2/model.png b/src/assets/image/pc-index2/model.png
deleted file mode 100644
index 0a3aa29..0000000
Binary files a/src/assets/image/pc-index2/model.png and /dev/null differ
diff --git a/src/assets/image/pc-index2/model.webp b/src/assets/image/pc-index2/model.webp
deleted file mode 100644
index 2243756..0000000
Binary files a/src/assets/image/pc-index2/model.webp and /dev/null differ
diff --git a/src/assets/image/pc-index2/qr-frame.png b/src/assets/image/pc-index2/qr-frame.png
deleted file mode 100644
index 644f374..0000000
Binary files a/src/assets/image/pc-index2/qr-frame.png and /dev/null differ
diff --git a/src/assets/image/pc-index2/qr-frame.webp b/src/assets/image/pc-index2/qr-frame.webp
deleted file mode 100644
index c14b9e7..0000000
Binary files a/src/assets/image/pc-index2/qr-frame.webp and /dev/null differ
diff --git a/src/assets/image/pc-index2/theme.png b/src/assets/image/pc-index2/theme.png
deleted file mode 100644
index 4ce9d5e..0000000
Binary files a/src/assets/image/pc-index2/theme.png and /dev/null differ
diff --git a/src/assets/image/pc-index2/theme.webp b/src/assets/image/pc-index2/theme.webp
deleted file mode 100644
index 24bbfce..0000000
Binary files a/src/assets/image/pc-index2/theme.webp and /dev/null differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
deleted file mode 100644
index 2678ae1..0000000
Binary files a/src/assets/logo.png and /dev/null differ
diff --git a/src/assets/logo.webp b/src/assets/logo.webp
deleted file mode 100644
index 6d5953e..0000000
Binary files a/src/assets/logo.webp and /dev/null differ
diff --git a/src/components/desktop/qrcode.vue b/src/components/desktop/qrcode.vue
deleted file mode 100644
index 6d94af3..0000000
--- a/src/components/desktop/qrcode.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-  <div class="qrContent">
-    <div class="left">
-      <div class="qr">
-        <qrcode-vue
-          class="qrcode"
-          foreground="#000"
-          :size="size"
-          :value="URL"
-          level="H"
-        ></qrcode-vue>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import QrcodeVue from 'qrcode.vue'
-import { onMounted, ref } from 'vue'
-
-const URL = ref('')
-const props = defineProps({
-  color: {
-    type: String,
-    default() {
-      return '#FF437B'
-    }
-  },
-  size: {
-    type: Number,
-    default: 140
-  }
-})
-onMounted(() => {
-  URL.value = window.location.href
-})
-</script>
-
-<style lang="scss" scoped>
-.qrContent {
-  height: 160px;
-
-  .left {
-    width: 160px;
-    height: 160px;
-    display: flex;
-    align-items: center;
-    margin-right: 20px;
-    border-radius: 10px;
-    overflow: hidden;
-    .qr {
-      padding: 10px;
-      width: 160px;
-      height: 160px;
-      margin: 0 auto;
-      background-color: #ffffff;
-
-      .qrcode {
-        padding: 10px;
-      }
-    }
-
-    .qrimg {
-      width: 40px;
-      height: 160px;
-    }
-  }
-}
-</style>
diff --git a/src/components/landing-a/MobileLandingA.vue b/src/components/landing-a/MobileLandingA.vue
new file mode 100644
index 0000000..7e64a60
--- /dev/null
+++ b/src/components/landing-a/MobileLandingA.vue
@@ -0,0 +1,368 @@
+<template>
+  <!-- A 版手机端：整页可点下载，布局复刻参考站 mobileA -->
+  <div class="mobilePage">
+    <div class="headerBox">
+      <div class="logo" @click.stop="heroDownload">
+        <img class="logo-icon" :src="appIcon" alt="91fans" />
+        <div class="logo-text">
+          <div class="logo-name">91fans</div>
+          <div class="logo-slogan">亚洲最火成人网站</div>
+        </div>
+      </div>
+    </div>
+
+    <div class="banner-box">
+      <div class="banner" @click.stop="heroDownload"></div>
+    </div>
+
+    <div class="ctaBar" @click.stop="download(0)">
+      <div class="ctaText">百万影片 海量成人视频 免费观看 &gt;&gt;</div>
+      <div class="ctaBtn" :class="{ ctaBtnIos: isIos }"></div>
+    </div>
+
+    <div class="main" @click.stop="heroDownload">
+      <div class="sectionBox">
+        <div
+          class="section"
+          v-for="item in TABS"
+          :key="item.value"
+          :class="{ sectionActive: tabActive === item.value }"
+          @click.stop="tabActive = item.value"
+        >
+          {{ item.label }}
+        </div>
+      </div>
+      <div class="contentBox"></div>
+    </div>
+
+    <div class="bottomBox">
+      <div class="downBtnRow" :class="{ hasShop }">
+        <div class="downBtn" @click.stop="download(0)">
+          <img class="downIcon" :src="isIos ? iosIcon : androidIcon" alt="" />
+          <span>{{ isIos ? '轻量版' : '高速下载' }}</span>
+        </div>
+        <div class="downBtn" v-if="hasShop" @click.stop="download(1)">
+          <img class="downIcon" :src="iosIcon" alt="" />
+          <span>商店包</span>
+        </div>
+      </div>
+      <div class="downTipText" v-if="!isIos">
+        安卓安装包爆毒解决方案*下载后开启飞行模式安装*
+      </div>
+      <div class="downTipText" v-else>
+        *苹果手机请使用自带Safari浏览器
+      </div>
+    </div>
+
+    <!-- 商店包浮层提示 -->
+    <div class="downloadIosAppStore" v-if="hasShop && showIosTip" @click.stop="download(1)">
+      <div class="close-btn" @click.stop="showIosTip = false"></div>
+    </div>
+
+    <!-- 安装引导：社媒内置浏览器 → 复制到 Safari；其它 iOS → 轻量版三步引导；安卓 → 安装教程 -->
+    <IosSafariOpenGuide v-if="isSocialInApp" :show="guide === 'ios'" :url="iosInstallUrl" @close="guide = null" />
+    <IosInstallGuide v-else :show="guide === 'ios'" @close="guide = null" />
+    <AndroidInstallTip :show="guide === 'android'" @close="guide = null" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, onMounted, ref } from 'vue'
+import { useAppDownload } from '~/utils/useAppDownload'
+import IosInstallGuide from '~/components/mobile/IosInstallGuide.vue'
+import IosSafariOpenGuide from '~/components/mobile/IosSafariOpenGuide.vue'
+import AndroidInstallTip from '~/components/mobile/AndroidInstallTip.vue'
+import appIcon from '~/assets/image/landing-a/common/app-icon.webp'
+import androidIcon from '~/assets/image/landing-a/mobile/android-icon.png'
+import iosIcon from '~/assets/image/landing-a/mobile/ios-icon.png'
+
+const TABS = [
+  { label: '热门', value: 'hot' },
+  { label: '短剧', value: 'short_film' },
+  { label: '精选', value: 'featured' },
+  { label: '国产', value: 'domestic' },
+  { label: '乱伦', value: 'darkweb' },
+  { label: '动漫', value: 'cartoon' },
+]
+
+const tabActive = ref('hot')
+const showIosTip = ref(true)
+
+// 下载逻辑沿用 useAppDownload：index 0 = 轻量版 / 安卓主包，1 = iOS 商店包
+const {
+  isIos,
+  isSocialInApp,
+  guide,
+  iosInstallUrl,
+  buttonList,
+  init: initDownload,
+  download,
+} = useAppDownload()
+
+const hasShop = computed(() => isIos && !!buttonList.value.shopIosDownUrl)
+
+// 点 logo / banner / 内容区：iOS 有商店包时优先商店包，其余走主包
+function heroDownload() {
+  return hasShop.value ? download(1) : download(0)
+}
+
+onMounted(() => {
+  initDownload()
+})
+</script>
+
+<style lang="scss" scoped>
+@use 'sass:math';
+
+// 参考站设计稿 375 宽；main.js 设 1rem = 屏宽/7.5（375 屏 = 50px），故设计 px → rem 为 /50
+@function r($px) {
+  @return math.div($px, 50) * 1rem;
+}
+
+.mobilePage {
+  position: fixed;
+  inset: 0;
+  background-color: #000;
+  overflow-y: auto;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch;
+  user-select: none;
+
+  .headerBox {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: r(70);
+    padding: 0 r(16);
+    box-sizing: border-box;
+    background: #000 url('~/assets/image/landing-a/mobile/header-bg.webp') no-repeat center top;
+    background-size: 100% 100%;
+    position: relative;
+    z-index: 1;
+    width: 100%;
+
+    // 原图是「91porn 图标 + 白字站名」整张 PNG，这里拆成 App 图标 + 文案，方便改名
+    .logo {
+      height: r(47);
+      display: flex;
+      align-items: center;
+      gap: r(8);
+      flex-shrink: 0;
+      position: relative;
+      z-index: 1;
+
+      .logo-icon {
+        width: r(40);
+        height: r(40);
+        border-radius: r(9);
+        display: block;
+        flex-shrink: 0;
+      }
+
+      .logo-text {
+        display: flex;
+        flex-direction: column;
+        gap: r(3);
+      }
+
+      .logo-name {
+        color: #fff;
+        font-size: r(20);
+        font-weight: 700;
+        line-height: 1;
+      }
+
+      .logo-slogan {
+        color: #fff;
+        font-size: r(11);
+        line-height: 1;
+        white-space: nowrap;
+      }
+    }
+  }
+
+  .banner-box {
+    margin: 0 auto;
+    position: relative;
+    width: 100%;
+    height: r(164);
+  }
+
+  .banner {
+    width: r(375);
+    height: r(164);
+    background: url('~/assets/image/landing-a/mobile/banner.webp') no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    top: r(-5);
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 0;
+  }
+
+  .ctaBar {
+    display: flex;
+    align-items: center;
+    height: r(35);
+    padding: 0 r(16);
+    background: linear-gradient(90deg, #fab341 0%, #ff6f2e 100%);
+    box-sizing: border-box;
+    position: relative;
+
+    .ctaText {
+      color: #000;
+      font-size: r(15);
+      font-weight: 500;
+      line-height: r(23);
+      white-space: nowrap;
+    }
+
+    .ctaBtn {
+      width: r(77);
+      height: r(21);
+      margin-left: r(20);
+      background: url('~/assets/image/landing-a/mobile/cta-btn.png') no-repeat;
+      background-size: 100% 100%;
+      flex-shrink: 0;
+    }
+
+    .ctaBtnIos {
+      margin-left: 0;
+      background-image: url('~/assets/image/landing-a/mobile/cta-btn-ios.png');
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+      right: r(12);
+    }
+  }
+
+  .main {
+    padding-bottom: calc(#{r(88)} + env(safe-area-inset-bottom));
+    box-sizing: border-box;
+
+    .sectionBox {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: r(343);
+      height: r(37);
+      margin: r(10) auto 0;
+      padding: 0 r(5);
+      border-radius: r(9);
+      background: #2d2c2f;
+      box-sizing: border-box;
+
+      .section {
+        min-width: r(49);
+        height: r(29);
+        border-radius: r(6);
+        color: #fab341;
+        font-size: r(12);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        white-space: nowrap;
+      }
+
+      .sectionActive {
+        background: #ff6f2e;
+        color: #fff;
+      }
+    }
+
+    .contentBox {
+      width: r(343);
+      height: r(940);
+      margin: r(8) auto 0;
+      background: url('~/assets/image/landing-a/mobile/content.webp') no-repeat;
+      background-size: 100% 100%;
+    }
+  }
+
+  .bottomBox {
+    width: 100%;
+    min-height: r(56);
+    padding: r(12) 0 calc(#{r(12)} + env(safe-area-inset-bottom));
+    box-sizing: border-box;
+    background: linear-gradient(90deg, #fab641 0%, #ff6f2e 100%);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: r(8);
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    z-index: 100;
+
+    .downBtnRow {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: r(10);
+
+      &.hasShop {
+        width: 100%;
+        padding: 0 r(53);
+        box-sizing: border-box;
+      }
+    }
+
+    .downBtn {
+      width: r(130);
+      height: r(32);
+      border-radius: r(5);
+      background: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: r(8);
+      flex-shrink: 0;
+
+      .downIcon {
+        width: r(16);
+        height: r(16);
+        flex-shrink: 0;
+        display: block;
+        object-fit: contain;
+      }
+
+      span {
+        color: #000;
+        font-size: r(12);
+        font-weight: 700;
+        line-height: 1;
+      }
+    }
+
+    .downTipText {
+      color: #000;
+      font-size: r(11);
+      line-height: r(17);
+      text-align: center;
+      white-space: nowrap;
+    }
+  }
+
+  .downloadIosAppStore {
+    height: r(36);
+    width: r(284);
+    background: url('~/assets/image/landing-a/mobile/downloadIosAppStore.gif') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    left: 0;
+    bottom: r(99);
+    z-index: 998;
+
+    .close-btn {
+      height: r(20);
+      width: r(20);
+      background: url('~/assets/image/landing-a/mobile/close.png') no-repeat;
+      background-size: 100% 100%;
+      position: absolute;
+      right: r(-10);
+      top: r(-10);
+    }
+  }
+}
+</style>
diff --git a/src/components/landing-a/PcLandingA.vue b/src/components/landing-a/PcLandingA.vue
new file mode 100644
index 0000000..73e7837
--- /dev/null
+++ b/src/components/landing-a/PcLandingA.vue
@@ -0,0 +1,213 @@
+<template>
+  <!-- A 版 PC：1920×1080 固定画布，按窗口拉伸铺满（等价参考站的 autofit.init） -->
+  <div class="pc-stage">
+    <div class="pcm-wrapper" :style="stageStyle">
+      <div class="log">
+        <img class="log-icon" :src="appIcon" alt="91fans" />
+        <div class="log-text">
+          <div class="log-name">91fans</div>
+          <div class="log-slogan">亚洲最火成人网站</div>
+        </div>
+      </div>
+
+      <swiper
+        class="bg-swiper"
+        :modules="modules"
+        direction="vertical"
+        :loop="true"
+        :autoplay="{ delay: 4000, disableOnInteraction: false }"
+      >
+        <swiper-slide v-for="item in BG_LIST" :key="item">
+          <div :class="['wrapper', `bg_${item}`]"></div>
+        </swiper-slide>
+      </swiper>
+
+      <div class="er-box">
+        <div class="downloadBox">
+          <qrcode-vue class="qrcodeBox" :value="pageUrl" :size="208" level="H" foreground="#000" />
+        </div>
+        <div class="er-right">
+          <div class="and-tip">
+            安卓手机<br />
+            建议使用UC浏览器扫码
+          </div>
+          <div class="common-tip">
+            安装提示：下载好安装包以后，请断开网络，由于行业原因，本APP会被某些杀毒软件认为病毒，请放心下载使用，本APP有广告和会员收益，安装本APP
+            不会对您的手机造成任何损害。
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, onMounted, onUnmounted, ref } from 'vue'
+import QrcodeVue from 'qrcode.vue'
+import appIcon from '~/assets/image/landing-a/common/app-icon.webp'
+import { Swiper, SwiperSlide } from 'swiper/vue'
+import { Autoplay } from 'swiper/modules'
+import 'swiper/css'
+
+const DESIGN_W = 1920
+const DESIGN_H = 1080
+const BG_LIST = ['01', '02']
+
+const modules = [Autoplay]
+
+// 扫码内容 = 当前落地页地址（带渠道参数），与参考站一致
+const pageUrl = ref('')
+
+// 画布缩放：x / y 独立拉伸，铺满窗口不留黑边（autofit.js 的默认行为）
+const scaleX = ref(1)
+const scaleY = ref(1)
+const stageStyle = computed(() => ({
+  transform: `scale(${scaleX.value}, ${scaleY.value})`,
+}))
+
+function resize() {
+  scaleX.value = window.innerWidth / DESIGN_W
+  scaleY.value = window.innerHeight / DESIGN_H
+}
+
+onMounted(() => {
+  pageUrl.value = window.location.href
+  resize()
+  window.addEventListener('resize', resize)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('resize', resize)
+})
+</script>
+
+<style lang="scss" scoped>
+.pc-stage {
+  position: fixed;
+  inset: 0;
+  overflow: hidden;
+  background: #000;
+}
+
+.pcm-wrapper {
+  width: 1920px;
+  height: 1080px;
+  transform-origin: left top;
+  cursor: pointer;
+  position: relative;
+
+  // 原图是「91porn 图标 + 白字站名」整张 PNG，这里拆成 App 图标 + 文案，方便改名
+  .log {
+    height: 102px;
+    display: flex;
+    align-items: center;
+    gap: 18px;
+    position: absolute;
+    left: 104px;
+    top: 61px;
+    z-index: 10;
+
+    .log-icon {
+      width: 86px;
+      height: 86px;
+      border-radius: 19px;
+      display: block;
+      flex-shrink: 0;
+    }
+
+    .log-text {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    .log-name {
+      color: #fff;
+      font-family: 'PingFang SC';
+      font-size: 42px;
+      font-weight: 700;
+      line-height: 1;
+    }
+
+    .log-slogan {
+      color: #fff;
+      font-family: 'PingFang SC';
+      font-size: 22px;
+      line-height: 1;
+      white-space: nowrap;
+    }
+  }
+
+  .er-box {
+    position: absolute;
+    left: 150px;
+    bottom: 210px;
+    display: flex;
+    align-items: center;
+    z-index: 10;
+
+    .downloadBox {
+      width: 210px;
+      height: 210px;
+      margin-right: 50px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: #d9d9d9;
+
+      .qrcodeBox {
+        background-color: #fff;
+        width: 208px;
+        height: 208px;
+      }
+    }
+
+    .er-right {
+      .and-tip {
+        color: #ff6f2e;
+        font-family: 'PingFang SC';
+        font-size: 30px;
+        font-weight: 500;
+        line-height: normal;
+      }
+
+      .common-tip {
+        margin-top: 13px;
+        width: 531px;
+        color: #fff;
+        text-align: justify;
+        font-family: 'PingFang SC';
+        font-size: 18px;
+        font-weight: 500;
+        line-height: normal;
+      }
+    }
+  }
+
+  .bg-swiper {
+    width: 100%;
+    height: 100%;
+
+    :deep(.swiper-wrapper) {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .wrapper {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+  }
+
+  .bg_01 {
+    background-image: url('~/assets/image/landing-a/pc/bg01.webp');
+  }
+
+  .bg_02 {
+    background-image: url('~/assets/image/landing-a/pc/bg02.webp');
+  }
+}
+</style>
diff --git a/src/components/landing/MobileLanding.vue b/src/components/landing/MobileLanding.vue
deleted file mode 100644
index 56286a7..0000000
--- a/src/components/landing/MobileLanding.vue
+++ /dev/null
@@ -1,604 +0,0 @@
-<template>
-  <div class="m-page">
-    <!-- 整页背景（背景-4：hero 紫光 + WHO 人物列 + STAY 剧照，一整张） -->
-    <div class="page-bg">
-      <picture>
-        <source type="image/webp" :srcset="pageBgW" />
-        <img :src="pageBg" alt="" />
-      </picture>
-    </div>
-
-    <!-- ① Hero -->
-    <section class="hero">
-      <swiper
-        class="hero-bg"
-        :modules="modules"
-        :speed="500"
-        :loop="true"
-        :grab-cursor="true"
-        :allow-touch-move="true"
-        :autoplay="{ delay: 4000, disableOnInteraction: false }"
-        @slide-change="onSlide"
-      >
-        <swiper-slide v-for="(item, i) in PERSONS" :key="i">
-          <picture>
-            <source type="image/webp" :srcset="item.w" />
-            <img :src="item.p" alt="" />
-          </picture>
-        </swiper-slide>
-      </swiper>
-
-      <!-- 顶部 logo -->
-      <div class="top">
-        <picture class="logo">
-          <source type="image/webp" :srcset="logoMW" />
-          <img :src="logoM" alt="91fans" />
-        </picture>
-      </div>
-
-      <!-- 底部文案 + 圆点 + CTA -->
-      <div class="hero-bottom">
-        <div class="theme">
-          <h1 class="theme-title">每一帧<br /><span>都能</span><span class="hl">解你的色</span></h1>
-          <p class="theme-desc">91fans每日更新，海量高清成人短剧、成人影集在线观看，禁忌、诱惑、霸总、逆袭、穿越，精彩黄剧尽在91fans。</p>
-        </div>
-        <div class="dots">
-          <i v-for="i in PERSONS.length" :key="i" class="dot" :class="{ active: i - 1 === activeIndex }" />
-        </div>
-        <!-- Figma 743:561：正式发布胶囊 + 下载按钮（间距 25） -->
-        <div class="download-block">
-          <p class="launch-pill" role="status">
-            <span class="launch-dot" aria-hidden="true" />
-            <span>正式发布 · Officially launched</span>
-          </p>
-          <template v-if="isIos">
-            <div v-if="buttonList.shopIosDownUrl" class="cta-row">
-              <a class="cta cta-lite" data-track="download" role="button" @click="download(0)">轻量版下载</a>
-              <a class="cta cta-recommend" data-track="download" role="button" @click="download(1)">
-                商店包下载
-                <img class="cta-badge" :src="badgeRecommend" alt="推荐" width="56" height="56" />
-              </a>
-            </div>
-            <a v-else class="cta" data-track="download" role="button" @click="download(0)">轻量版下载</a>
-          </template>
-          <a v-else class="cta" data-track="download" role="button" @click="download()">{{ downloadLabel }}</a>
-        </div>
-        <div class="ctas">
-          <p class="install-tip">*下载后开启飞行模式安装*安装包报毒解决方案</p>
-        </div>
-      </div>
-    </section>
-
-    <!-- ② WHO WE ARE -->
-    <section class="who">
-      <div class="who-inner">
-        <p class="eyebrow">WHO WE ARE</p>
-        <h2 class="who-title">91fans一开，全射出来<br />这是我们对每一位用户的承诺。</h2>
-        <div class="paras">
-          <p>上千部精彩作品任你挑选，热门主题一应俱全。</p>
-          <p>从暧昧拉扯到禁忌反转，从碎片时间到深夜独处，随时打开，都能快速沉浸、越看越停不下来。</p>
-          <p>现在就打开这颗「91fans」，尝尝里面究竟藏着什么让人上瘾的滋味。</p>
-        </div>
-        <div class="cards">
-          <div class="card">
-            <h3>多元齐全</h3>
-            <p>多元的题材、海量的短剧与影集，我们把最好看的留给你。</p>
-          </div>
-          <div class="card">
-            <h3>天天上新</h3>
-            <p>持续更新的内容节奏，每天打开都有新惊喜，追剧永不断档。</p>
-          </div>
-          <div class="card">
-            <h3>沉浸体验</h3>
-            <p>高清画质、震撼音效，每个动作、每个画面，全心投入剧情。</p>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- ③ STAY TUNED -->
-    <section class="stay">
-      <div class="stay-inner">
-        <p class="eyebrow">STAY TUNED</p>
-        <h2 class="stay-title">第一时间 不错过上新</h2>
-        <div class="foot">
-          <picture class="logo">
-            <source type="image/webp" :srcset="logoMW" />
-            <img :src="logoM" alt="91fans" />
-          </picture>
-          <p>© 2026 91fans. All rights reserved.</p>
-        </div>
-      </div>
-    </section>
-
-    <!-- 下载后的安装引导：Twitter/IG/TikTok → 复制到 Safari；其它 → Figma 三步轻量版安装引导 -->
-    <IosSafariOpenGuide v-if="isSocialInApp" :show="guide === 'ios'" :url="iosInstallUrl" @close="guide = null" />
-    <IosInstallGuide v-else :show="guide === 'ios'" @close="guide = null" />
-    <AndroidInstallTip :show="guide === 'android'" @close="guide = null" />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref, onMounted } from 'vue'
-import { Swiper, SwiperSlide } from 'swiper/vue'
-import { Autoplay } from 'swiper/modules'
-import type { Swiper as SwiperClass } from 'swiper/types'
-import 'swiper/css'
-import { useAppDownload } from '~/utils/useAppDownload'
-import IosInstallGuide from '~/components/mobile/IosInstallGuide.vue'
-import IosSafariOpenGuide from '~/components/mobile/IosSafariOpenGuide.vue'
-import AndroidInstallTip from '~/components/mobile/AndroidInstallTip.vue'
-import logoM from '~/assets/image/hg/common/logo-m.png'
-import logoMW from '~/assets/image/hg/common/logo-m.webp'
-import person1 from '~/assets/image/hg/mobile/person1.png'
-import person1W from '~/assets/image/hg/mobile/person1.webp'
-import person2 from '~/assets/image/hg/mobile/person2.png'
-import person2W from '~/assets/image/hg/mobile/person2.webp'
-import person3 from '~/assets/image/hg/mobile/person3.png'
-import person3W from '~/assets/image/hg/mobile/person3.webp'
-import person4 from '~/assets/image/hg/mobile/person4.png'
-import person4W from '~/assets/image/hg/mobile/person4.webp'
-import person5 from '~/assets/image/hg/mobile/person5.png'
-import person5W from '~/assets/image/hg/mobile/person5.webp'
-import pageBg from '~/assets/image/hg/mobile/pagebg.jpg'
-import pageBgW from '~/assets/image/hg/mobile/pagebg.webp'
-import badgeRecommend from '~/assets/image/hg/mobile/cta/badge-recommend.png'
-
-const modules = [Autoplay]
-const activeIndex = ref(0)
-
-// Hero 五张人物图（透明羽化边，叠在固定颜色层上轮播）
-const PERSONS = [
-  { p: person1, w: person1W },
-  { p: person2, w: person2W },
-  { p: person3, w: person3W },
-  { p: person4, w: person4W },
-  { p: person5, w: person5W },
-]
-
-function onSlide(sw: SwiperClass) {
-  activeIndex.value = sw.realIndex
-}
-
-// 下载：进页面即拉取下载地址（appId=209，整包 query 作为渠道交后端），点击按平台分流
-const { isIos, isSocialInApp, guide, iosInstallUrl, buttonList, init: initDownload, download } = useAppDownload()
-const downloadLabel = isIos ? '立即下载 iOS 版' : '立即下载 Android 版'
-onMounted(() => {
-  initDownload()
-})
-</script>
-
-<style lang="scss" scoped>
-@use 'sass:math';
-
-// 设计稿 375 宽，main.js 设 1rem = 屏宽/7.5（375 屏 = 50px）；故设计 px → rem 为 /50
-@function r($px) {
-  @return math.div($px, 50) * 1rem;
-}
-
-img {
-  -webkit-user-drag: none;
-}
-
-.m-page {
-  user-select: none;
-  position: fixed;
-  inset: 0;
-  overflow-y: auto;
-  overflow-x: hidden;
-  -webkit-overflow-scrolling: touch;
-  background: #1a0d1f;
-
-  .eyebrow {
-    margin: 0;
-    font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-    font-weight: 400;
-    font-size: 18px;
-    line-height: 1;
-    color: #ffb92b;
-  }
-
-  .paras {
-    display: flex;
-    flex-direction: column;
-    gap: r(12);
-
-    p {
-      margin: 0;
-      font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-      font-weight: 400;
-      font-size: r(14);
-      line-height: 1.6;
-      color: #fff;
-    }
-
-    &.center p {
-      text-align: center;
-    }
-  }
-}
-
-// 整页背景：一整张 背景-4，按 375 宽自然高度铺满、随内容滚动，三段透明叠在上面
-.page-bg {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 0;
-
-  img {
-    width: 100%;
-    height: auto;
-    display: block;
-  }
-}
-
-// ① Hero
-.hero {
-  position: relative;
-  width: 100%;
-  height: 100vh;
-  height: 100dvh;
-  overflow: hidden;
-
-  // 人物轮播（前景，顶部对齐；紫光由整页背景 .page-bg 提供）
-  .hero-bg {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: r(560);
-    z-index: 1;
-  }
-
-  :deep(.swiper-slide) {
-    width: 100%;
-    height: 100%;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-      object-position: center top;
-    }
-  }
-
-  .top {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: r(70);
-    padding: 0 r(24);
-    display: flex;
-    align-items: center;
-    z-index: 3;
-    pointer-events: none;
-  }
-
-  // 文案层整块盖在轮播上，默认不接触摸（透给下面的 swiper 横滑），只给按钮恢复
-  .hero-bottom {
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: r(35);
-    z-index: 3;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    pointer-events: none;
-
-    .cta,
-    .cta-row,
-    .download-block {
-      pointer-events: auto;
-    }
-
-    .theme {
-      align-self: flex-start;
-      margin: 0 r(40);
-      width: r(295);
-      display: flex;
-      flex-direction: column;
-      gap: r(16);
-
-      .theme-title {
-        color: #FFF;
-        font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-        font-size: 36px;
-        font-style: normal;
-        font-weight: 900;
-        line-height: normal;
-
-        .hl {
-         background: linear-gradient(90deg, #F9D742 -40%, #FF3276 100%);
-        background-clip: text;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-        font-size: 36px;
-        font-style: normal;
-        font-weight: 900;
-        line-height: normal;
-        }
-      }
-
-      .theme-desc {
-        margin: 0;
-        font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-        font-weight: 400;
-        font-size: r(15);
-        line-height: 1.6;
-        color: #fff;
-      }
-    }
-
-    .dots {
-      // 标题底 y518 → 圆点 y546 ≈ 28
-      margin-top: r(28);
-      display: flex;
-      align-items: center;
-      gap: r(10);
-
-      .dot {
-        width: r(8);
-        height: r(8);
-        border-radius: 50%;
-        background: rgba(255, 255, 255, 0.35);
-        transition: all 0.3s ease;
-
-        &.active {
-          width: r(20);
-          border-radius: r(4);
-          background: #fff;
-        }
-      }
-    }
-
-    // Figma 743:561：胶囊(29) + 间距25 + 按钮(39) = 93
-    .download-block {
-      position: relative;
-      // 圆点底 y554 → 按钮组 y573 ≈ 19
-      margin-top: r(19);
-      width: 100%;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      gap: r(25);
-      overflow: visible;
-    }
-
-    // Figma 743:562「正式发布 · Officially launched」
-    .launch-pill {
-      display: inline-flex;
-      align-items: center;
-      gap: r(6);
-      margin: 0;
-      padding: r(6) r(10);
-      box-sizing: border-box;
-      border-radius: r(999);
-      border: 1px solid #ffbb2c;
-      background: rgba(255, 255, 255, 0.1);
-      backdrop-filter: blur(2px);
-      -webkit-backdrop-filter: blur(2px);
-      font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-      font-weight: 700;
-      font-size: r(12);
-      line-height: normal;
-      color: #ffba2b;
-      white-space: nowrap;
-      pointer-events: none;
-
-      .launch-dot {
-        width: r(5);
-        height: r(5);
-        border-radius: 50%;
-        background: #ffba2b;
-        flex-shrink: 0;
-      }
-    }
-
-    .ctas {
-      margin-top: r(12);
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      gap: r(12);
-      overflow: visible;
-    }
-
-    // 下载按钮下的安装提示（文案与参考版一致）
-    .install-tip {
-      margin: 0;
-      font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
-      font-size: r(12);
-      line-height: 1.4;
-      color: rgba(255, 255, 255, 0.72);
-      white-space: nowrap;
-    }
-
-    // iOS 双下载：左白「轻量版」右黄「商店包」（Figma 743:565，宽243 / 左右66）
-    .cta-row {
-      display: flex;
-      align-items: stretch;
-      gap: r(18);
-      width: r(243);
-      margin: 0;
-      overflow: visible;
-
-      .cta {
-        flex: 1 1 0;
-        min-width: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        height: r(39);
-        padding: r(8) r(12);
-        box-sizing: border-box;
-        font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
-        font-weight: 500;
-        font-size: r(16);
-        white-space: nowrap;
-      }
-    }
-
-    .cta-recommend {
-      position: relative;
-
-      // Figma 777:794：相对按钮组 top17 / 按钮 top54 → 相对按钮 top -37
-      .cta-badge {
-        position: absolute;
-        top: r(-37);
-        right: r(-32);
-        width: r(56);
-        height: r(56);
-        display: block;
-        pointer-events: none;
-        z-index: 2;
-      }
-    }
-
-    .cta {
-      padding: r(10) r(28);
-      border-radius: r(999);
-      background: #ffb92b;
-      box-shadow: 0 r(8) r(16) rgba(255, 187, 43, 0.25);
-      font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-      font-weight: 525;
-      font-size: r(14);
-      line-height: normal;
-      color: #2a0a2e;
-      cursor: pointer;
-    }
-
-    .cta-lite {
-      background: #fff;
-      box-shadow: none;
-    }
-
-  }
-}
-
-// logo 图（hero 顶部 + footer 共用）：参考站手机版横图（图标 + 91fans短劇 + 副标），原图 252×60，按 30px 高 = 2x 整数缩放
-.logo {
-  display: block;
-
-  img {
-    height: r(30);
-    width: auto;
-    display: block;
-  }
-}
-
-// WHO / STAY：本身透明，整页背景 .page-bg 在底层透出，内容叠在上面
-.who,
-.stay {
-  position: relative;
-  width: 100%;
-  z-index: 1;
-}
-
-// ② WHO WE ARE
-.who-inner {
-  position: relative;
-  z-index: 1;
-  padding: r(36) r(30);
-  display: flex;
-  flex-direction: column;
-  gap: r(20);
-
-  .who-title {
-    margin: 0;
-    font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-    font-weight: 900;
-    font-size: r(30);
-    line-height: 1.4;
-    color: #fff;
-  }
-
-  .cards {
-    margin-top: r(4);
-    display: flex;
-    flex-direction: column;
-    gap: r(14);
-
-    .card {
-      display: flex;
-      flex-direction: column;
-      gap: r(5);
-      padding: r(18) r(12);
-      align-self: stretch;
-      border-radius: r(24);
-      border: 1px solid rgba(255, 210, 63, 0.3);
-      background: rgba(255, 255, 255, 0.1);
-      backdrop-filter: blur(10px);
-
-      h3 {
-        margin: 0;
-        font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-        font-weight: 700;
-        font-size: r(20);
-        line-height: 1.2;
-        color: #ffb92b;
-        margin-bottom: 12px;
-      }
-
-      p {
-        margin: 0;
-        font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-        font-weight: 400;
-        font-size: 12px;
-        line-height: 1.5;
-        color: rgba(255, 255, 255, 0.85);
-      }
-    }
-  }
-}
-
-// ③ STAY TUNED
-.stay-inner {
-  position: relative;
-  z-index: 1;
-  padding: r(36) r(30);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: r(24);
-
-  .eyebrow {
-    text-align: center;
-  }
-
-  .stay-title {
-    margin: 0;
-    font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-    font-weight: 900;
-    font-size: r(28);
-    line-height: 1.2;
-    color: #fff;
-    text-align: center;
-  }
-
-  .foot {
-    margin-top: r(8);
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: r(12);
-
-    .logo {
-      justify-content: center;
-    }
-
-    p {
-      margin: 0;
-      font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-      font-weight: 400;
-      font-size: 12px;
-      line-height: 1.5;
-      color: #fff;
-      text-align: center;
-    }
-  }
-}
-</style>
diff --git a/src/components/landing/PcDeck.vue b/src/components/landing/PcDeck.vue
deleted file mode 100644
index 28fecb5..0000000
--- a/src/components/landing/PcDeck.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-  <div class="pc-deck">
-    <!-- ① A 版（hero 轮播） -->
-    <section class="deck-page">
-      <PcLanding />
-    </section>
-
-    <!-- ② 原 B 版（WHO WE ARE） -->
-    <section class="deck-page">
-      <PcLandingB />
-    </section>
-
-    <!-- ③ 分享页 -->
-    <section class="deck-page">
-      <Share />
-    </section>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import PcLanding from '~/components/landing/PcLanding.vue'
-import PcLandingB from '~/components/landing/PcLandingB.vue'
-import Share from '~/pages/share.vue'
-
-</script>
-
-<style lang="scss" scoped>
-.pc-deck {
-  width: 100%;
-  height: 100vh;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  // 整屏强制翻页：每屏吸附、一次滚动只切一屏
-  scroll-snap-type: y mandatory;
-  scroll-behavior: smooth;
-
-  // 隐藏滚动条
-  scrollbar-width: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-}
-
-.deck-page {
-  width: 100%;
-  height: 100vh;
-  overflow: hidden;
-  scroll-snap-align: start;
-  scroll-snap-stop: always;
-}
-</style>
diff --git a/src/components/landing/PcLanding.vue b/src/components/landing/PcLanding.vue
deleted file mode 100644
index f27b15f..0000000
--- a/src/components/landing/PcLanding.vue
+++ /dev/null
@@ -1,358 +0,0 @@
-<template>
-  <div class="fit" ref="fitEl">
-    <div class="hg-pc">
-    <!-- 五页轮播：只切换背景大图 -->
-    <swiper
-      class="hero"
-      :modules="modules"
-      effect="fade"
-      :speed="800"
-      :loop="true"
-      :allow-touch-move="false"
-      :autoplay="{ delay: 4000, disableOnInteraction: false }"
-      @swiper="onSwiper"
-    >
-      <swiper-slide v-for="(item, i) in PC_VARIANTS" :key="i">
-        <div class="slide-bg">
-          <!-- 首张是首屏第一眼，提优先级；其余保持默认，避免轮播切过去时还没下完 -->
-          <picture>
-            <source type="image/webp" :srcset="item.bgW" />
-            <img :src="item.bg" alt="" :fetchpriority="i === 0 ? 'high' : 'auto'" />
-          </picture>
-        </div>
-      </swiper-slide>
-    </swiper>
-
-    <!-- 固定 chrome 覆盖层（5 页共用）：居中 1920 舞台 -->
-    <div class="stage">
-      <!-- 顶部 LOGO（白色横版） -->
-      <div class="top">
-        <picture>
-          <source type="image/webp" :srcset="logoHW" />
-          <img class="logo-h" :src="logoH" alt="91fans" />
-        </picture>
-      </div>
-
-      <!-- 主文案 -->
-      <div class="theme">
-        <h1 class="theme-title">
-          <span class="line">每一帧</span>
-          <span class="line"><span>都能</span><span class="hl">解你的色</span></span>
-        </h1>
-        <p class="theme-desc">91fans每日更新，海量高清成人短剧、成人影集在线观看，禁忌、诱惑、霸总、逆袭、穿越，精彩黄剧尽在91fans。</p>
-      </div>
-
-      <!-- 行动区：左 = 二维码框；右 = 扫码说明（Figma 659:2 二维码部分） -->
-      <div class="cta">
-        <div class="qr-frame">
-          <div class="qr-inner">
-            <DesktopQrcode :size="164" />
-          </div>
-        </div>
-        <div class="qr-copy">
-          <p class="qr-title">使用相机或者浏览器扫码下载</p>
-          <p class="qr-tip">
-            安装提示：下载好安装包以后，请断开网络，由于行业原因，本
-            APP会被某些杀毒软件视为病毒，请放心下载使用，本APP有广告和会员收益，安装本APP不会对您的手机造成任何损害。
-          </p>
-        </div>
-      </div>
-
-      <!-- 右下角封面条：整条图固定不换，5 张封面各盖一个热区，点击切到对应轮播页 -->
-      <div class="covers">
-        <picture>
-          <source type="image/webp" :srcset="PC_COVERS.srcW" />
-          <img :src="PC_COVERS.src" alt="" fetchpriority="high" />
-        </picture>
-        <button
-          v-for="(item, i) in PC_VARIANTS"
-          :key="i"
-          class="cover-hit"
-          :style="{ left: `${i * COVER_STEP}px` }"
-          type="button"
-          :aria-label="`查看第 ${i + 1} 部作品`"
-          @click="goSlide(i)"
-        />
-      </div>
-    </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref, shallowRef, onMounted, onBeforeUnmount } from 'vue'
-import { Swiper, SwiperSlide } from 'swiper/vue'
-import { Autoplay, EffectFade } from 'swiper/modules'
-import type { Swiper as SwiperClass } from 'swiper'
-import 'swiper/css'
-import 'swiper/css/effect-fade'
-import { PC_VARIANTS, PC_COVERS } from '~/config/variants'
-import DesktopQrcode from '~/components/desktop/qrcode.vue'
-import logoH from '~/assets/image/hg/common/logo-h.png'
-import logoHW from '~/assets/image/hg/common/logo-h.webp'
-
-const modules = [Autoplay, EffectFade]
-
-// 封面条几何（同 Figma「轮动」：封面 110 宽、间距 14），热区据此逐张定位
-const COVER_STEP = 124
-
-const swiperRef = shallowRef<SwiperClass | null>(null)
-
-function onSwiper(swiper: SwiperClass) {
-  swiperRef.value = swiper
-}
-// loop 模式下按真实索引跳转，跳完 autoplay 继续（disableOnInteraction: false）
-function goSlide(i: number) {
-  swiperRef.value?.slideToLoop(i)
-}
-
-// 1920×1080 画布按视口 cover 缩放（不再用 body.zoom，避免和翻页滚动冲突）
-const fitEl = ref<HTMLElement | null>(null)
-function fit() {
-  const s = Math.min(window.innerWidth / 1920, window.innerHeight / 1080)
-  fitEl.value?.style.setProperty('--fit', String(s))
-}
-
-onMounted(() => {
-  fit()
-  window.addEventListener('resize', fit)
-})
-onBeforeUnmount(() => window.removeEventListener('resize', fit))
-</script>
-
-<style lang="scss" scoped>
-img {
-  -webkit-user-drag: none;
-}
-
-.fit {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-  background: #000;
-}
-
-.hg-pc {
-  user-select: none;
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-
-  // 轮播铺满整屏（背景全幅，cover 独立铺满，不随舞台缩放）
-  .hero {
-    position: absolute;
-    inset: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 0;
-  }
-
-  :deep(.swiper-slide) {
-    width: 100%;
-    height: 100%;
-  }
-
-  .slide-bg {
-    position: absolute;
-    inset: 0;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-  }
-
-  // 固定 chrome：居中 1920 舞台，超过 1920 不左偏
-  .stage {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%) scale(var(--fit, 1));
-    width: 1920px;
-    height: 1080px;
-    z-index: 2;
-    pointer-events: none;
-  }
-
-  // 顶部 LOGO
-  .top {
-    position: absolute;
-    left: 220px;
-    top: 38px;
-
-    .logo-h {
-      width: 220px;
-      height: 77px;
-      object-fit: contain;
-      display: block;
-    }
-  }
-
-  .theme {
-    position: absolute;
-    left: 244px;
-    top: 323px;
-    width: 630px;
-    display: flex;
-    flex-direction: column;
-    gap: 24px;
-
-    .theme-title {
-      margin: 0;
-      display: flex;
-      flex-direction: column;
-      font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-      font-weight: 900;
-      font-size: 105px;
-      line-height: 1.44;
-      white-space: nowrap;
-      color: #fff;
-
-      .line {
-        display: flex;
-        gap: 10px;
-      }
-
-      .hl {
-        background: linear-gradient(90deg, #f9d742, #ff3276);
-        -webkit-background-clip: text;
-        background-clip: text;
-        color: transparent;
-      }
-    }
-
-    .theme-desc {
-      margin: 0;
-      font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-      font-weight: 400;
-      font-size: 24px;
-      line-height: 1.42;
-      color: #fff;
-    }
-  }
-
-  // 行动区：二维码 + 文案（Figma 659:2）
-  .cta {
-    position: absolute;
-    left: 244px;
-    top: 777px;
-    display: flex;
-    align-items: center;
-    gap: 31px;
-    pointer-events: auto;
-
-    // 220 圆角框：渐变描边（稿面自上而下橙 → 玫红）
-    .qr-frame {
-      flex-shrink: 0;
-      width: 220px;
-      height: 220px;
-      border-radius: 24px;
-      padding: 2px;
-      box-sizing: border-box;
-      background: linear-gradient(180deg, #f9d742 0%, #cb865f 45%, #f75562 100%);
-    }
-
-    .qr-inner {
-      width: 100%;
-      height: 100%;
-      border-radius: 22px;
-      background: #000;
-      overflow: hidden;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      :deep(.qrContent) {
-        height: 188px;
-
-        .left {
-          width: 188px;
-          height: 188px;
-          margin-right: 0;
-          border-radius: 12px;
-          overflow: hidden;
-
-          .qr {
-            width: 188px;
-            height: 188px;
-            padding: 12px;
-            box-sizing: border-box;
-            background-color: #fff;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-
-            .qrcode {
-              padding: 0;
-            }
-          }
-        }
-      }
-    }
-
-    .qr-copy {
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      gap: 20px;
-      font-family: 'PingFang SC', 'Noto Serif SC', 'Songti SC', sans-serif;
-      font-style: normal;
-      line-height: 1.6;
-    }
-
-    .qr-title {
-      margin: 0;
-      font-weight: 500;
-      font-size: 24px;
-      color: #f75562;
-      white-space: nowrap;
-    }
-
-    .qr-tip {
-      margin: 0;
-      width: 505px;
-      font-weight: 500;
-      font-size: 18px;
-      color: #fff;
-    }
-  }
-
-  // 右下角封面条（5 页共用同一张）
-  .covers {
-    position: absolute;
-    left: 1184px;
-    top: 778px;
-    width: 606px;
-    height: 152px;
-    pointer-events: auto;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-    }
-
-    // 盖在整条图上的 5 个点击热区，与图内封面一一对齐
-    .cover-hit {
-      position: absolute;
-      top: 0;
-      width: 110px;
-      height: 152px;
-      padding: 0;
-      border: 1px solid transparent;
-      border-radius: 12px;
-      background: transparent;
-      cursor: pointer;
-      transition: background 0.2s, border-color 0.2s;
-
-      &:hover {
-        border-color: rgba(255, 255, 255, 0.75);
-        background: rgba(255, 255, 255, 0.16);
-      }
-    }
-  }
-}
-</style>
diff --git a/src/components/landing/PcLandingB.vue b/src/components/landing/PcLandingB.vue
deleted file mode 100644
index 05187ea..0000000
--- a/src/components/landing/PcLandingB.vue
+++ /dev/null
@@ -1,223 +0,0 @@
-<template>
-  <div class="fit" ref="fitEl">
-    <div class="hg-pc-b">
-    <!-- 整页背景（倾斜剧照拼贴 + 暗化遮罩，已在设计中烘焙为一张图） -->
-    <div class="bg">
-      <!-- 第二屏资源：滚到才加载，不占首屏带宽（视口内时 lazy 会立即加载，单独访问不受影响） -->
-      <picture>
-        <source type="image/webp" :srcset="bgW" />
-        <img :src="bg" alt="" loading="lazy" fetchpriority="low" />
-      </picture>
-    </div>
-
-    <!-- 居中内容：左侧介绍 + 右侧三卡 -->
-    <div class="stage">
-      <div class="content">
-        <div class="intro">
-          <div class="head">
-            <p class="eyebrow">WHO WE ARE</p>
-            <h2 class="title">91fans一开，全射出来<br />这是我们对每一位用户的承诺。</h2>
-          </div>
-          <div class="paras">
-            <p>上千部精彩作品任你挑选，热门主题一应俱全。</p>
-            <p>从暧昧拉扯到禁忌反转，从碎片时间到深夜独处，随时打开，都能快速沉浸、越看越停不下来。</p>
-            <p>现在就打开这颗「91fans」，尝尝里面究竟藏着什么让人上瘾的滋味。</p>
-          </div>
-        </div>
-
-        <div class="cards">
-          <div class="card">
-            <h3>多元齐全</h3>
-            <p>多元的题材、海量的短剧与影集，我们把最好看的留给你。</p>
-          </div>
-          <div class="card">
-            <h3>天天上新</h3>
-            <p>持续更新的内容节奏，每天打开都有新惊喜，追剧永不断档。</p>
-          </div>
-          <div class="card">
-            <h3>沉浸体验</h3>
-            <p>高清画质、震撼音效，每个动作、每个画面，全心投入剧情。</p>
-          </div>
-        </div>
-      </div>
-    </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref, onMounted, onBeforeUnmount } from 'vue'
-import bg from '~/assets/image/hg/pc/b-bg.jpg'
-import bgW from '~/assets/image/hg/pc/b-bg.webp'
-
-// 1920×1080 画布按视口 cover 缩放（不再用 body.zoom）
-const fitEl = ref<HTMLElement | null>(null)
-function fit() {
-  const s = Math.min(window.innerWidth / 1920, window.innerHeight / 1080)
-  fitEl.value?.style.setProperty('--fit', String(s))
-}
-
-onMounted(() => {
-  fit()
-  window.addEventListener('resize', fit)
-})
-onBeforeUnmount(() => window.removeEventListener('resize', fit))
-</script>
-
-<style lang="scss" scoped>
-img {
-  -webkit-user-drag: none;
-}
-
-.fit {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-  background: #000;
-}
-
-.hg-pc-b {
-  user-select: none;
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-  background: #000;
-
-  .bg {
-    position: absolute;
-    inset: 0;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-  }
-
-  .stage {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%) scale(var(--fit, 1));
-    width: 1920px;
-    height: 1080px;
-    z-index: 2;
-  }
-
-  .content {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    display: flex;
-    align-items: center;
-    gap: 52px;
-  }
-
-  .intro {
-    width: 840px;
-    display: flex;
-    flex-direction: column;
-    gap: 60px;
-
-    .head {
-      display: flex;
-      flex-direction: column;
-      gap: 24px;
-    }
-
-    .eyebrow {
-      margin: 0;
-      font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-      font-weight: 400;
-      font-size: 36px;
-      line-height: 1;
-      color: #ffb92b;
-    }
-
-    .title {
-      margin: 0;
-      font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-      font-weight: 900;
-      font-size: 60px;
-      line-height: 1.4;
-      color: #fff;
-    }
-
-    .paras {
-      display: flex;
-      flex-direction: column;
-      gap: 18px;
-
-      p {
-        margin: 0;
-        font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-        font-weight: 400;
-        font-size: 20px;
-        line-height: 1.6;
-        color: #fff;
-      }
-    }
-  }
-
-  .cards {
-    display: flex;
-    align-items: center;
-    gap: 20px;
-
-    .card {
-      position: relative;
-      width: 230px;
-      box-sizing: border-box;
-      padding: 70px 35px;
-      border-radius: 30px;
-      background: rgba(255, 255, 255, 0.1);
-      backdrop-filter: blur(10px);
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      gap: 15px;
-
-      // 外框渐变描边：只画 2px 边框一圈（顶部亮金 → 底部渐隐），内部仍是透明玻璃
-      &::before {
-        content: '';
-        position: absolute;
-        inset: 0;
-        border-radius: inherit;
-        padding: 2px;
-        background: linear-gradient(180deg, #ffd23f 0%, rgba(255, 210, 63, 0.5) 40%, rgba(255, 210, 63, 0.08) 100%);
-        -webkit-mask:
-          linear-gradient(#fff 0 0) content-box,
-          linear-gradient(#fff 0 0);
-        -webkit-mask-composite: xor;
-        mask-composite: exclude;
-        pointer-events: none;
-      }
-
-      h3 {
-        margin: 0;
-        width: 160px;
-        font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-        font-weight: 700;
-        font-size: 36px;
-        line-height: 1.2;
-        color: #ffb92b;
-      }
-
-      p {
-        margin: 0;
-        width: 160px;
-        font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-        font-weight: 400;
-        font-size: 22px;
-        line-height: 1.5;
-        text-align: justify;
-        color: #fff;
-        opacity: 0.6;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/config/variants.ts b/src/config/variants.ts
deleted file mode 100644
index d3c23ce..0000000
--- a/src/config/variants.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import bg1 from '~/assets/image/hg/pc/bg1.jpg'
-import bg1W from '~/assets/image/hg/pc/bg1.webp'
-import bg2 from '~/assets/image/hg/pc/bg2.jpg'
-import bg2W from '~/assets/image/hg/pc/bg2.webp'
-import bg3 from '~/assets/image/hg/pc/bg3.jpg'
-import bg3W from '~/assets/image/hg/pc/bg3.webp'
-import bg4 from '~/assets/image/hg/pc/bg4.jpg'
-import bg4W from '~/assets/image/hg/pc/bg4.webp'
-import bg5 from '~/assets/image/hg/pc/bg5.jpg'
-import bg5W from '~/assets/image/hg/pc/bg5.webp'
-import covers from '~/assets/image/hg/pc/covers.png'
-import coversW from '~/assets/image/hg/pc/covers.webp'
-
-export interface PcVariant {
-  bg: string
-  bgW: string
-}
-
-export const PC_VARIANTS: PcVariant[] = [
-  { bg: bg1, bgW: bg1W },
-  { bg: bg2, bgW: bg2W },
-  { bg: bg3, bgW: bg3W },
-  { bg: bg4, bgW: bg4W },
-  { bg: bg5, bgW: bg5W },
-]
-
-// 右下角封面条：5 页共用同一张，不随轮播切换
-export const PC_COVERS = { src: covers, srcW: coversW }
diff --git a/src/data/b-land/tokens.json b/src/data/b-land/tokens.json
deleted file mode 100644
index fff473d..0000000
--- a/src/data/b-land/tokens.json
+++ /dev/null
@@ -1,406 +0,0 @@
-{
- "colors": {
-  "bg/page": [
-   "#0B0B0D"
-  ],
-  "bg/surface": [
-   "#141417"
-  ],
-  "bg/card": [
-   "#1B1B1F"
-  ],
-  "bg/elevated": [
-   "#232328"
-  ],
-  "bg/plum-900": [
-   "#2A0D22"
-  ],
-  "bg/plum-950": [
-   "#150A17"
-  ],
-  "bg/brand-soft": [
-   "#EC237F",
-   0.1
-  ],
-  "bg/gold-soft": [
-   "#D9A94A",
-   0.14
-  ],
-  "border/subtle": [
-   "#FFFFFF",
-   0.07
-  ],
-  "border/default": [
-   "#FFFFFF",
-   0.12
-  ],
-  "border/strong": [
-   "#FFFFFF",
-   0.24
-  ],
-  "border/brand": [
-   "#EC237F",
-   0.3
-  ],
-  "text/primary": [
-   "#F2F2F4"
-  ],
-  "text/secondary": [
-   "#A1A1AA"
-  ],
-  "text/tertiary": [
-   "#7C7C86"
-  ],
-  "text/on-brand": [
-   "#FFFFFF"
-  ],
-  "text/inverse": [
-   "#141414"
-  ],
-  "text/brand": [
-   "#FF4A7B"
-  ],
-  "text/gold": [
-   "#E9C977"
-  ],
-  "brand/500": [
-   "#EC237F"
-  ],
-  "brand/400": [
-   "#FF4A7B"
-  ],
-  "brand/700": [
-   "#93226F"
-  ],
-  "gold/400": [
-   "#E9C977"
-  ],
-  "gold/500": [
-   "#D9A94A"
-  ],
-  "yellow/500": [
-   "#FADC44"
-  ],
-  "base/white": [
-   "#FFFFFF"
-  ],
-  "base/black": [
-   "#000000"
-  ],
-  "scrim/black-0": [
-   "#000000",
-   0
-  ],
-  "scrim/black-40": [
-   "#000000",
-   0.4
-  ],
-  "scrim/black-70": [
-   "#000000",
-   0.7
-  ],
-  "scrim/page-0": [
-   "#0B0B0D",
-   0
-  ],
-  "scrim/page-60": [
-   "#0B0B0D",
-   0.6
-  ],
-  "scrim/page-100": [
-   "#0B0B0D",
-   1
-  ],
-  "scrim/plum-0": [
-   "#150A17",
-   0
-  ],
-  "scrim/plum-80": [
-   "#150A17",
-   0.8
-  ],
-  "overlay/black-60": [
-   "#000000",
-   0.6
-  ],
-  "glass/nav": [
-   "#0B0B0D",
-   0.72
-  ]
- },
- "type": {
-  "display120": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 120,
-   "lh": 128,
-   "ls": -3
-  },
-  "display96": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 96,
-   "lh": 104,
-   "ls": -3
-  },
-  "display72": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 72,
-   "lh": 84,
-   "ls": -2
-  },
-  "display56": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 56,
-   "lh": 66,
-   "ls": -2
-  },
-  "display48": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 48,
-   "lh": 56,
-   "ls": -2
-  },
-  "display40": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 40,
-   "lh": 48,
-   "ls": -2
-  },
-  "credits14": {
-   "family": "PingFang SC",
-   "style": "Regular",
-   "size": 14,
-   "lh": 20,
-   "ls": 6
-  },
-  "credits13": {
-   "family": "PingFang SC",
-   "style": "Regular",
-   "size": 13,
-   "lh": 18,
-   "ls": 6
-  },
-  "h2": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 40,
-   "lh": 50,
-   "ls": -1
-  },
-  "h2m": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 28,
-   "lh": 36,
-   "ls": -1
-  },
-  "h3": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 28,
-   "lh": 38,
-   "ls": 0
-  },
-  "h4": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 22,
-   "lh": 30,
-   "ls": 0
-  },
-  "title20": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 20,
-   "lh": 28,
-   "ls": 0
-  },
-  "title18": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 18,
-   "lh": 26,
-   "ls": 0
-  },
-  "title16": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 16,
-   "lh": 22,
-   "ls": 0
-  },
-  "title15": {
-   "family": "PingFang SC",
-   "style": "Semibold",
-   "size": 15,
-   "lh": 21,
-   "ls": 0
-  },
-  "sub18": {
-   "family": "PingFang SC",
-   "style": "Regular",
-   "size": 18,
-   "lh": 30,
-   "ls": 0
-  },
-  "body16": {
-   "family": "PingFang SC",
-   "style": "Regular",
-   "size": 16,
-   "lh": 26,
-   "ls": 0
-  },
-  "body15": {
-   "family": "PingFang SC",
-   "style": "Regular",
-   "size": 15,
-   "lh": 24,
-   "ls": 0
-  },
-  "body14": {
-   "family": "PingFang SC",
-   "style": "Regular",
-   "size": 14,
-   "lh": 22,
-   "ls": 0
-  },
-  "body13": {
-   "family": "PingFang SC",
-   "style": "Regular",
-   "size": 13,
-   "lh": 20,
-   "ls": 0
-  },
-  "cap12": {
-   "family": "PingFang SC",
-   "style": "Regular",
-   "size": 12,
-   "lh": 18,
-   "ls": 0
-  },
-  "cap11": {
-   "family": "PingFang SC",
-   "style": "Regular",
-   "size": 11,
-   "lh": 16,
-   "ls": 0
-  },
-  "kicker13": {
-   "family": "PingFang SC",
-   "style": "Medium",
-   "size": 13,
-   "lh": 18,
-   "ls": 12
-  },
-  "kicker12": {
-   "family": "PingFang SC",
-   "style": "Medium",
-   "size": 12,
-   "lh": 16,
-   "ls": 12
-  },
-  "nav15": {
-   "family": "PingFang SC",
-   "style": "Medium",
-   "size": 15,
-   "lh": 22,
-   "ls": 0
-  },
-  "btn16": {
-   "family": "PingFang SC",
-   "style": "Medium",
-   "size": 16,
-   "lh": 24,
-   "ls": 0
-  },
-  "btn15": {
-   "family": "PingFang SC",
-   "style": "Medium",
-   "size": 15,
-   "lh": 22,
-   "ls": 0
-  },
-  "btn14": {
-   "family": "PingFang SC",
-   "style": "Medium",
-   "size": 14,
-   "lh": 20,
-   "ls": 0
-  },
-  "label12": {
-   "family": "PingFang SC",
-   "style": "Medium",
-   "size": 12,
-   "lh": 16,
-   "ls": 0
-  },
-  "label11": {
-   "family": "PingFang SC",
-   "style": "Medium",
-   "size": 11,
-   "lh": 14,
-   "ls": 0
-  },
-  "med16": {
-   "family": "PingFang SC",
-   "style": "Medium",
-   "size": 16,
-   "lh": 24,
-   "ls": 0
-  },
-  "med14": {
-   "family": "PingFang SC",
-   "style": "Medium",
-   "size": 14,
-   "lh": 20,
-   "ls": 0
-  },
-  "rank96": {
-   "family": "Inter",
-   "style": "Bold",
-   "size": 96,
-   "lh": 96,
-   "ls": -4
-  },
-  "rank64": {
-   "family": "Inter",
-   "style": "Bold",
-   "size": 64,
-   "lh": 64,
-   "ls": -4
-  },
-  "num28": {
-   "family": "Inter",
-   "style": "Semi Bold",
-   "size": 28,
-   "lh": 34,
-   "ls": 0
-  },
-  "num20": {
-   "family": "Inter",
-   "style": "Semi Bold",
-   "size": 20,
-   "lh": 26,
-   "ls": 0
-  },
-  "en14": {
-   "family": "Inter",
-   "style": "Medium",
-   "size": 14,
-   "lh": 20,
-   "ls": 4
-  },
-  "en12": {
-   "family": "Inter",
-   "style": "Medium",
-   "size": 12,
-   "lh": 16,
-   "ls": 6
-  }
- }
-}
\ No newline at end of file
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 6d92041..c592377 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,8 +1,8 @@
 <script setup>
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
-import PcDeck from '~/components/landing/PcDeck.vue'
-import MobileLanding from '~/components/landing/MobileLanding.vue'
+import PcLandingA from '~/components/landing-a/PcLandingA.vue'
+import MobileLandingA from '~/components/landing-a/MobileLandingA.vue'
 import LandingB from '~/components/landing-b/LandingB.vue'
 import { getLandingVersion } from '~/utils/landingVersion'
 
@@ -17,7 +17,7 @@ const isVersionB = getLandingVersion(route.query, route.path) === 'B'
 
 const landingComponent = computed(() => {
   if (isVersionB) return LandingB
-  return isMobile.value ? MobileLanding : PcDeck
+  return isMobile.value ? MobileLandingA : PcLandingA
 })
 </script>
 
diff --git a/src/pages/mobile/index.vue b/src/pages/mobile/index.vue
deleted file mode 100644
index e017da1..0000000
--- a/src/pages/mobile/index.vue
+++ /dev/null
@@ -1,349 +0,0 @@
-<template>
-  <div class="mobile" id="mobile" v-if="showContent">
-    <img class="bg" :src="bgImg" alt="" />
-
-    <div class="logo-block">
-      <img :src="logoBlock" alt="logo" />
-    </div>
-
-    <img class="icon icon-group" :src="iconGroup" alt="group" @click="links('https://t.me/bilitv12')" />
-    <img class="icon icon-business" :src="iconBusiness" alt="business" @click="links('https://t1t1.com/')" />
-    <img class="icon icon-service" :src="iconService" alt="service" @click="openCustomerService" />
-    <img class="icon icon-recruit" :src="iconRecruit" alt="recruit" @click="links('https://t.me/beishang1980')" />
-
-    <img class="main-visual" :src="mainImg" alt="" />
-    <img class="decor" :src="decorImg" alt="" />
-
-    <img class="btn btn-fast" :src="btnFast" alt="download" @click="downBtn(0)" />
-    <img class="btn btn-backup" :src="btnBackup" alt="download" @click="downBtn(1)" />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import bgImg from '~/assets/image/mebile-index-v3/bg.png'
-import mainImg from '~/assets/image/mebile-index-v3/main.png'
-import decorImg from '~/assets/image/mebile-index-v3/decor.png'
-import logoBlock from '~/assets/image/mebile-index-v3/logo-block.png'
-import iconGroup from '~/assets/image/mebile-index-v3/icon-group.png'
-import iconBusiness from '~/assets/image/mebile-index-v3/icon-business.png'
-import iconService from '~/assets/image/mebile-index-v3/icon-service.png'
-import iconRecruit from '~/assets/image/mebile-index-v3/icon-recruit.png'
-import btnFast from '~/assets/image/mebile-index-v3/btn-fast.png'
-import btnBackup from '~/assets/image/mebile-index-v3/btn-backup.png'
-
-import { getSessionTraceId, renewSessionTraceId } from '~/utils/traceId'
-import { copyToClipboard } from '~/utils/clipboard'
-
-import { bottonclick, getButtonList, downloadH5, getCustomerServiceUrl } from '~/api/btn'
-import type { donwloadParam, channel, H5param } from '~/api/interface'
-import { onMounted, ref, reactive } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
-
-const props = defineProps({
-  version: {
-    type: String,
-    default() {
-      return ''
-    }
-  }
-})
-const showContent = ref(false)
-const route = useRoute()
-const router = useRouter()
-const uDonwloadParam = ref<donwloadParam>({})
-function isIOS() {
-  const userAgent = navigator.userAgent.toLowerCase()
-  return /iphone|ipad|ipod/.test(userAgent)
-}
-const isIos = isIOS()
-const ip = ref('')
-const buttonList = ref()
-const onlineServiceLoading = ref(false)
-
-const getIP = async () => {
-  try {
-    const response = await fetch('https://api.ipify.org?format=json')
-    const data = await response.json()
-    ip.value = data.ip
-  } catch (err) {
-    console.log('获取外部IP失败' + err)
-  }
-}
-
-const getlist = async () => {
-  try {
-    const { data } = await getButtonList({
-      appId: 126,
-      domain: window.location.protocol + '//' + window.location.host,
-      channel: JSON.stringify(route.query),
-      version: props.version,
-      tid: getSessionTraceId(),
-    })
-    buttonList.value = data
-  } catch (err) {
-    console.log('获取按钮列表失败' + err)
-  }
-}
-onMounted(async () => {
-  try {
-    await getIP()
-  } catch (e) {
-    console.log(e)
-  }
-  await getlist()
-  showContent.value = true
-})
-
-function downBtn(index?: number) {
-  const trace_id = renewSessionTraceId()
-  copyToClipboard(JSON.stringify({ ...route.query, trace_id }))
-  const param = reactive<donwloadParam>({
-    appId: 126,
-    ip: ip.value,
-    channel: JSON.stringify(route.query),
-    domain: window.location.host || '',
-    terminal: isIos ? 'ios' : 'android',
-    version: props.version
-  })
-  if (isIos) {
-    let type = 'iosH5'
-    if (buttonList.value?.shopIosDownUrl && index === 0) {
-      type = 'iosStore'
-    } else {
-      type = 'iosH5'
-    }
-    downLoadIos(param, type)
-  } else {
-    downLoadAndroid(param, index)
-  }
-}
-
-async function downLoadIos(param: donwloadParam, type: any) {
-  switch (type) {
-    case 'iosStore':
-      param.packageType = 2
-      try {
-        window.location.href = buttonList.value.shopIosDownUrl
-      } catch (error) {
-        console.log(error)
-      }
-      await bottonclick(param)
-      break
-    case 'iosH5':
-      param.packageType = 1
-      uDonwloadParam.value = param
-      if (buttonList.value?.iosDownUrl) {
-        alert(
-          '当前设备系统版本过高，请手动打开 系统配置->通用->VPN与设备管理，手动安装描述文件'
-        )
-        router.push({
-          path: '/h5-install',
-          query: { url: buttonList.value.iosDownUrl }
-        })
-        setTimeout(() => {
-          window.location.href = buttonList.value.iosDownUrl
-        }, 300)
-      } else if (buttonList?.value?.storeIosDownUrl) {
-        window.location.href = buttonList.value.storeIosDownUrl
-      } else {
-        const paramData: H5param = {
-          appId: 126,
-          dc: (uDonwloadParam.value.channel as channel).dc,
-          pc: (uDonwloadParam.value.channel as channel).pc
-        }
-        await downloadH5(paramData).then((res) => {
-          const file = new File(
-            [res.data.value as unknown as BlobPart],
-            'descriptionFile.mobileconfig',
-            {
-              type: 'application/x-apple-aspen-config'
-            }
-          )
-          const objectUrl = URL.createObjectURL(file)
-          const eleLink = document.createElement('a')
-          eleLink.href = objectUrl
-          eleLink.download = 'descriptionFile.mobileconfig'
-          eleLink.click()
-        })
-      }
-      await bottonclick(param)
-      break
-  }
-}
-const isDcMatch = (value) => {
-  const kyReg = /^ky(0?[1-9]|[1-9][0-9]|100)$/i;
-  const tlggReg = /^TLGG(0?[1-9]|[1-4][0-9]|5[0-6])$/i;
-  const erraReg = /^erra(0?[1-9]|10)$/i;
-  return kyReg.test(value) || tlggReg.test(value) || erraReg.test(value);
-};
-const isCctlDc = (dc: any) => {
-  return /^cctl(0[1-9]|10)$/i.test(dc);
-};
-async function downLoadAndroid(param: donwloadParam, index: number) {
-  try {
-    if(isCctlDc(route.query.dc)){
-      window.location.href = 'https://mdapkkk.zwk9.com/blxv_260202_2.0.1+19.apk';
-      return
-    }
-    if (isDcMatch(route.query.dc) && buttonList.value.hkAndroidDownUrl) {
-      window.location.href = buttonList.value.hkAndroidDownUrl;
-    } else if (index === 0) {
-      window.location.href = buttonList.value.androidDownUrl
-    } else {
-      window.location.href = buttonList.value.storeAndroidDownUrl
-    }
-    await bottonclick(param)
-  } catch (error) {
-    console.log(error)
-  }
-}
-function links(url: string) {
-  window.location.href = url
-}
-
-function getDeviceType(userAgent: string) {
-  return /android/i.test(userAgent) ? 'Android' : 'iOS'
-}
-
-function getSystemType(userAgent: string) {
-  return /android/i.test(userAgent) ? 'Android' : 'iOS'
-}
-
-function getSystemVersion(userAgent: string) {
-  const androidVersion = userAgent.match(/Android\s([\d.]+)/i)
-  if (androidVersion?.[1]) {
-    return androidVersion[1]
-  }
-  const iosVersion = userAgent.match(/OS (\d+[_\d]*)/i)
-  if (iosVersion?.[1]) {
-    return iosVersion[1].replace(/_/g, '.')
-  }
-  return ''
-}
-
-async function openCustomerService() {
-  if (onlineServiceLoading.value) {
-    return
-  }
-  onlineServiceLoading.value = true
-  try {
-    const userAgent = navigator.userAgent || ''
-    const res = await getCustomerServiceUrl({
-      uid: String(route.query.uid || getSessionTraceId()),
-      appId: 126,
-      deviceType: getDeviceType(userAgent),
-      systemType: getSystemType(userAgent),
-      systemVersion: getSystemVersion(userAgent)
-    })
-    const serviceUrl = res && res.data
-    if (serviceUrl) {
-      window.location.href = serviceUrl as unknown as string
-      return
-    }
-  } catch (error) {
-    console.log('get customer service url error:', error)
-  } finally {
-    onlineServiceLoading.value = false
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.mobile {
-  width: 7.5rem;
-  min-height: 100vh;
-  position: relative;
-  overflow: hidden;
-  background-color: #000;
-
-  .bg {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 7.5rem;
-    height: auto;
-    z-index: 0;
-    pointer-events: none;
-    user-select: none;
-  }
-
-  .logo-block {
-    position: fixed;
-    top: 1.06rem;
-    left: 0.35rem;
-    z-index: 10;
-
-    img {
-      height: 0.81rem;
-      width: auto;
-      display: block;
-    }
-  }
-
-  .icon {
-    position: fixed;
-    top: 1.06rem;
-    width: 0.48rem;
-    height: 0.81rem;
-    z-index: 10;
-    cursor: pointer;
-  }
-
-  .icon-group {
-    left: 4.42rem;
-  }
-
-  .icon-business {
-    left: 5.18rem;
-  }
-
-  .icon-service {
-    left: 5.94rem;
-  }
-
-  .icon-recruit {
-    left: 6.7rem;
-  }
-
-  .main-visual {
-    position: absolute;
-    top: 2.72rem;
-    left: 0.64rem;
-    width: 5.93rem;
-    height: 6.88rem;
-    z-index: 1;
-    object-fit: cover;
-    pointer-events: none;
-    user-select: none;
-  }
-
-  .decor {
-    position: absolute;
-    top: 9.06rem;
-    left: 0.35rem;
-    width: 6.47rem;
-    height: 3.23rem;
-    z-index: 2;
-    object-fit: cover;
-    pointer-events: none;
-    user-select: none;
-  }
-
-  .btn {
-    position: fixed;
-    bottom: calc(0.2rem + env(safe-area-inset-bottom, 0px));
-    width: 2.79rem;
-    height: 0.9rem;
-    z-index: 10;
-    cursor: pointer;
-  }
-
-  .btn-fast {
-    left: 0.66rem;
-  }
-
-  .btn-backup {
-    left: 4.05rem;
-  }
-}
-</style>
diff --git a/src/pages/mobile2/index.vue b/src/pages/mobile2/index.vue
deleted file mode 100644
index 48b4c06..0000000
--- a/src/pages/mobile2/index.vue
+++ /dev/null
@@ -1,896 +0,0 @@
-<template>
-  <div class="mobile" id="mobile" v-if="showContent">
-    <div class="bg">
-      <picture>
-        <source type="image/webp" :srcset="bg1W" />
-        <img :src="bg1" alt="" />
-      </picture>
-    </div>
-    <!-- 顶部 -->
-    <div class="top1">
-      <div class="left">
-        <picture>
-          <source type="image/webp" :srcset="headW" />
-          <img :src="head" alt="" />
-        </picture>
-      </div>
-      <div class="right" @click.stop="downBtn(1)">
-        <picture>
-          <source type="image/webp" :srcset="icon2W" />
-          <img :src="icon2" alt="download" />
-        </picture>
-      </div>
-    </div>
-    <div class="content1">
-      <!-- tab -->
-      <div class="top3">
-        <div @click="activeItem = item" class="top3Item" :class="item.id == activeItem.id && 'activeClass'"
-          v-for="(item, index) in tabList" :key="index">
-          {{ item.name }}
-        </div>
-      </div>
-      <!-- 图片内容 -->
-      <div class="top4">
-        <picture>
-          <source type="image/webp" :srcset="activeItem.imgW" />
-          <img :src="activeItem.img" alt="" />
-        </picture>
-      </div>
-
-    </div>
-    <div class="top5">
-      <div class="top5-box">
-        <picture>
-          <source type="image/webp" :srcset="icon8W" />
-          <img :src="icon8" alt="" />
-        </picture>
-        <div class="btn-js" @click="downBtn(0)">
-          <picture>
-            <source type="image/webp" :srcset="btn2W" />
-            <img :src="btn2" alt="download" />
-          </picture>
-        </div>
-        <div class="btn-by" @click="downBtn(1)">
-          <picture>
-            <source type="image/webp" :srcset="btn5W" />
-            <img :src="btn5" alt="download" />
-          </picture>
-        </div>
-      </div>
-    </div>
-    <!-- <div class="fixdTitle" v-if="!isIos">
-      <div class="fixdTitleContent">
-        <div class="logo">
-          <picture>
-            <source type="image/webp" :srcset="logoW" />
-            <img :src="logo" alt="" />
-          </picture>
-        </div>
-        <div class="topFont">
-          <picture>
-            <source type="image/webp" :srcset="topFontW" />
-            <img :src="topFont" alt="" />
-          </picture>
-        </div>
-      </div>
-      <div class="btn2" @click="downBtn(1)">
-        <img src="../../assets/image/mebile-index/btn2.png" alt="" />
-      </div>
-    </div>
-    <div class="fixdTitle" v-else>
-      <div class="fixdTitleContent">
-        <div class="logo">
-          <picture>
-            <source type="image/webp" :srcset="logoW" />
-            <img :src="logo" alt="" />
-          </picture>
-        </div>
-        <div class="topFont">
-          <picture>
-            <source type="image/webp" :srcset="topFontW" />
-            <img :src="topFont" alt="" />
-          </picture>
-        </div>
-      </div>
-      <div class="btn2" @click="downBtn(1)">
-        <img src="../../assets/image/mebile-index/btn2.png" alt="" />
-      </div>
-    </div> -->
-    <div class="rightFixed" :class="{ hide: !isOpen }">
-      <div class="icon" @click="isOpenFn">
-        <picture v-if="!isOpen">
-          <source type="image/webp" :srcset="icon9W" />
-          <img :src="icon9" alt="" />
-        </picture>
-        <!-- ------------++++++ -->
-        <picture v-else>
-          <source type="image/webp" :srcset="icon3W" />
-          <img :src="icon3" alt="" />
-        </picture>
-      </div>
-      <div class="list">
-        <!-- 官方群组 -->
-        <div class="item">
-          <picture>
-            <source type="image/webp" :srcset="fj_iconW" />
-            <img :src="fj_icon" alt="" @click="links('https://t.me/bilitv12')" />
-          </picture>
-          <span>福利群组</span>
-        </div>
-        <!-- 商务渠道 -->
-        <div class="item">
-          <picture>
-            <source type="image/webp" :srcset="qz_iconW" />
-            <img :src="qz_icon" alt="" @click="links('https://t1t1.com/')" />
-          </picture>
-          <span>广告商务</span>
-        </div>
-        <!-- 在线客服 -->
-        <div class="item">
-          <picture>
-            <source type="image/webp" :srcset="kf_iconW" />
-            <img :src="kf_icon" alt="" @click="openCustomerService" />
-          </picture>
-          <span>在线客服</span>
-        </div>
-      </div>
-    </div>
-    <!-- <div class="content">
-      <div class="mobileTitle">
-        <picture>
-          <source type="image/webp" :srcset="mobileTitleW" />
-          <img :src="mobileTitle" alt="" />
-        </picture>
-      </div>
-      <div class="peopBg">
-        <div class="peopBgContent">
-          <picture>
-            <source type="image/webp" :srcset="peopLabelW" />
-            <img :src="peopLabel" alt="" />
-          </picture>
-        </div>
-        <picture>
-          <source type="image/webp" :srcset="peopBgW" />
-          <img :src="peopBg" alt="" />
-        </picture>
-      </div>
-      <div class="tipBtm">
-        <div class="tipBtmContent" @click="downBtn(0)">
-          立即下载
-        </div>
-        <div class="bottomText">
-          <picture>
-            <source type="image/webp" :srcset="bottomTextW" />
-            <img :src="bottomText" alt="" />
-          </picture>
-        </div>
-      </div>
-    </div> -->
-    <!-- <div
-      class="iosStore"
-      v-if="buttonList?.shopIosDownUrl && isIos"
-      @click="downBtn(0)"
-    >
-      <picture>
-        <source type="image/webp" :srcset="downloadBtnW" />
-        <img :src="downloadBtn" alt="" />
-      </picture>
-    </div> -->
-  </div>
-</template>
-
-<script lang="ts" setup>
-import fj_icon from '~/assets/image/mebile-index/fj_icon.png'
-import qz_icon from '~/assets/image/mebile-index/qz_icon.png'
-import kf_icon from '~/assets/image/mebile-index/kf_icon.png'
-import head from '~/assets/image/mebile-index2/head.png'
-import headW from '~/assets/image/mebile-index2/head.webp'
-
-import bg1 from '~/assets/image/mebile-index2/bg1.png'
-import icon2 from '~/assets/image/mebile-index2/icon2.png'
-import icon3 from '~/assets/image/mebile-index2/icon3.png'
-import icon5 from '~/assets/image/mebile-index2/icon5.jpeg'
-import icon6 from '~/assets/image/mebile-index2/icon6.jpeg'
-import icon7 from '~/assets/image/mebile-index2/icon7.jpeg'
-import icon8 from '~/assets/image/mebile-index2/icon8.png'
-import icon9 from '~/assets/image/mebile-index2/icon9.png'
-import btn2 from '~/assets/image/mebile-index/btn2.png'
-import btn5 from '~/assets/image/mebile-index/btn5.png'
-
-import btn2W from '~/assets/image/mebile-index/btn2.webp'
-import btn5W from '~/assets/image/mebile-index/btn5.webp'
-
-import fj_iconW from '~/assets/image/mebile-index/fj_icon.webp'
-import qz_iconW from '~/assets/image/mebile-index/qz_icon.webp'
-import kf_iconW from '~/assets/image/mebile-index/kf_icon.webp'
-
-import bg1W from '~/assets/image/mebile-index2/bg1.webp'
-import icon2W from '~/assets/image/mebile-index2/icon2.webp'
-import icon3W from '~/assets/image/mebile-index2/icon3.webp'
-import icon5W from '~/assets/image/mebile-index2/icon5.webp'
-import icon6W from '~/assets/image/mebile-index2/icon6.webp'
-import icon7W from '~/assets/image/mebile-index2/icon7.webp'
-import icon8W from '~/assets/image/mebile-index2/icon8.webp'
-import icon9W from '~/assets/image/mebile-index2/icon9.webp'
-
-
-
-
-
-import { bottonclick, getButtonList, downloadH5, getCustomerServiceUrl } from '~/api/btn'
-import type { donwloadParam, channel, H5param } from '~/api/interface'
-import { onMounted, ref, reactive, version } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
-import { getSessionTraceId, renewSessionTraceId } from '~/utils/traceId'
-import { copyToClipboard } from '~/utils/clipboard'
-
-const props = defineProps({
-  version: {
-    type: String,
-    default() {
-      return ''
-    }
-  }
-})
-
-const showContent = ref(false)
-const isOpen = ref(true)
-const activeTab = ref('热门')
-const route = useRoute()
-const router = useRouter()
-const uDonwloadParam = ref<donwloadParam>({})
-function isIOS() {
-  const userAgent = navigator.userAgent.toLowerCase()
-  return /iphone|ipad|ipod/.test(userAgent)
-}
-const isIos = isIOS()
-const ip = ref('')
-const buttonList = ref()
-const onlineServiceLoading = ref(false)
-const isOpenFn = () => {
-  console.log(isOpen.value)
-  isOpen.value = !isOpen.value
-}
-
-const tabList = [
-  { name: '热门', id: 0, img: icon5, imgW: icon5W },
-  { name: '原创', id: 1, img: icon6, imgW: icon6W },
-  { name: '动漫', id: 2, img: icon7, imgW: icon7W },
-]
-const activeItem = ref(tabList[0])
-const getIP = async () => {
-  try {
-    const response = await fetch('https://api.ipify.org?format=json')
-    const data = await response.json()
-    ip.value = data.ip
-  } catch (err) {
-    console.log('获取外部IP失败' + err)
-  }
-}
-
-const getlist = async () => {
-  try {
-    const { data } = await getButtonList({
-      appId: 126,
-      domain: window.location.protocol + '//' + window.location.host,
-      channel: JSON.stringify(route.query),
-      version: props.version,
-      tid: getSessionTraceId(),
-    })
-    buttonList.value = data
-  } catch (err) {
-    console.log('获取按钮列表失败' + err)
-  }
-}
-onMounted(async () => {
-  try {
-    await getIP()
-  } catch (e) {
-    console.log(e)
-  }
-  await getlist()
-  showContent.value = true
-})
-
-function downBtn(index?: number) {
-  const trace_id = renewSessionTraceId()
-  copyToClipboard(JSON.stringify({ ...route.query, trace_id }))
-  const param = reactive<donwloadParam>({
-    appId: 126,
-    ip: ip.value,
-    channel: JSON.stringify(route.query),
-    domain: window.location.host || '',
-    terminal: isIos ? 'ios' : 'android',
-    version: props.version
-  })
-  if (isIos) {
-    let type = 'iosH5'
-    // 只有商店包跟轻量版
-    console.log(buttonList.value.iosDownUrl)
-    if (buttonList.value?.shopIosDownUrl && index === 0) {
-      type = 'iosStore'
-    } else {
-      type = 'iosH5'
-    }
-    downLoadIos(param, type)
-  } else {
-    // 下载android应用
-    downLoadAndroid(param, index)
-  }
-}
-
-//TODO:IOS下载
-async function downLoadIos(param: donwloadParam, type: any) {
-  switch (type) {
-    case 'iosStore':
-      param.packageType = 2
-      try {
-        window.location.href = buttonList.value.shopIosDownUrl
-      } catch (error) {
-        console.log(error)
-      }
-      await bottonclick(param)
-      break
-    case 'iosH5':
-      param.packageType = 1
-      uDonwloadParam.value = param
-      if (buttonList.value?.iosDownUrl) {
-        const appVersion = navigator.appVersion
-        const IOSversion = appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/)
-        console.log(appVersion, IOSversion)
-        // if (IOSversion.length > 0 && parseInt(IOSversion[1]) >= 17) {
-        //   alert(
-        //     '当前设备系统版本过高，请手动打开 系统配置->通用->VPN与设备管理，手动安装描述文件'
-        //   )
-        //   router.push({
-        //     path: '/h5-install',
-        //     query: { url: buttonList.value.iosDownUrl }
-        //   })
-        //   setTimeout(() => {
-        //     window.location.href = buttonList.value.iosDownUrl
-        //   }, 300)
-        // } else {
-        //   router.push({
-        //     path: '/h5-install',
-        //     query: { url: buttonList.value.iosDownUrl }
-        //   })
-        //   setTimeout(() => {
-        //     window.location.href = buttonList.value.iosDownUrl
-        //   }, 300)
-        //   setTimeout(() => {
-        //     window.location.href =
-        //       'https://df6.gepqjpb.cc/js/embedded.mobileprovision?v=1'
-        //   }, 5000)
-        // }
-        alert(
-            '当前设备系统版本过高，请手动打开 系统配置->通用->VPN与设备管理，手动安装描述文件'
-          )
-          router.push({
-            path: '/h5-install',
-            query: { url: buttonList.value.iosDownUrl }
-          })
-          setTimeout(() => {
-            window.location.href = buttonList.value.iosDownUrl
-          }, 300)
-      } else if (buttonList.value.storeIosDownUrl) {
-        window.location.href = buttonList.value.storeIosDownUrl
-      } else {
-        const paramData: H5param = {
-          appId: 126,
-          dc: (uDonwloadParam.value.channel as channel).dc,
-          pc: (uDonwloadParam.value.channel as channel).pc
-        }
-        await downloadH5(paramData).then((res) => {
-          const file = new File(
-            [res.data.value as unknown as BlobPart],
-            'descriptionFile.mobileconfig',
-            {
-              type: 'application/x-apple-aspen-config'
-            }
-          )
-          // 方法3:
-          const objectUrl = URL.createObjectURL(file)
-          const eleLink = document.createElement('a')
-          eleLink.href = objectUrl
-          eleLink.download = 'descriptionFile.mobileconfig'
-          eleLink.click()
-        })
-      }
-      await bottonclick(param)
-      break
-  }
-}
-const isDcMatch = (value) => {
-    // ky01-ky100
-    const kyReg = /^ky(0?[1-9]|[1-9][0-9]|100)$/i;
-    // TLGG01-TLGG56
-    const tlggReg = /^TLGG(0?[1-9]|[1-4][0-9]|5[0-6])$/i;
-    // erra01-erra10
-    const erraReg = /^erra(0?[1-9]|10)$/i;
-    return kyReg.test(value) || tlggReg.test(value) || erraReg.test(value);
-};
-// 特殊渠道号 cctl01-cctl10
-const isCctlDc = (dc: any) => {
-  return /^cctl(0[1-9]|10)$/i.test(dc);
-};
-//TODO：android下载
-async function downLoadAndroid(param: donwloadParam, index: number) {
-  try {
-    if(isCctlDc(route.query.dc)){
-      window.location.href = 'https://mdapkkk.zwk9.com/blxv_260202_2.0.1+19.apk';
-      return
-    }
-    // 特殊渠道号处理
-    if(isDcMatch(route.query.dc) && buttonList.value.hkAndroidDownUrl){
-      window.location.href = buttonList.value.hkAndroidDownUrl;
-    }else{
-      // 有渠道链接就走渠道链接
-    if(index === 0 && buttonList.value.channelApkAndDownUrl){
-      window.location.href = buttonList.value.channelApkAndDownUrl;
-    }else{
-       if (index === 0 && buttonList.value.androidDownUrl) {
-      window.location.href = buttonList.value.androidDownUrl;
-    } else {
-      window.location.href = buttonList.value.storeAndroidDownUrl;
-    }
-    }
-  }
-    await bottonclick(param);
-  } catch (error) {
-    console.log(error)
-  }
-}
-function links(url: string) {
-  window.location.href = url
-}
-
-function getDeviceType(userAgent: string) {
-  return /android/i.test(userAgent) ? 'Android' : 'iOS'
-}
-
-function getSystemType(userAgent: string) {
-  return /android/i.test(userAgent) ? 'Android' : 'iOS'
-}
-
-function getSystemVersion(userAgent: string) {
-  const androidVersion = userAgent.match(/Android\s([\d.]+)/i)
-  if (androidVersion?.[1]) {
-    return androidVersion[1]
-  }
-  const iosVersion = userAgent.match(/OS (\d+[_\d]*)/i)
-  if (iosVersion?.[1]) {
-    return iosVersion[1].replace(/_/g, '.')
-  }
-  return ''
-}
-
-async function openCustomerService() {
-  if (onlineServiceLoading.value) {
-    return
-  }
-  onlineServiceLoading.value = true
-  try {
-    const userAgent = navigator.userAgent || ''
-    const res = await getCustomerServiceUrl({
-      uid: String(route.query.uid || getSessionTraceId()),
-      appId: 126,
-      deviceType: getDeviceType(userAgent),
-      systemType: getSystemType(userAgent),
-      systemVersion: getSystemVersion(userAgent)
-    })
-    const serviceUrl = res && res.data
-    if (serviceUrl) {
-      window.location.href = serviceUrl as unknown as string
-      return
-    }
-  } catch (error) {
-    console.log('get customer service url error:', error)
-  } finally {
-    onlineServiceLoading.value = false
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.mobile {
-  width: 7.5rem;
-  height: 100%;
-  overflow: hidden;
-  position: relative;
-
-  .bg {
-    width: 7.5rem;
-    height: auto;
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: -1;
-
-    img {
-      width: 100%;
-      height: auto;
-    }
-  }
-
-  .top1 {
-    width: 6.86rem;
-    position: fixed;
-    left: 0.32rem;
-    top: 0.2rem;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    .left {
-      width: 100%;
-
-      img {
-        width: 100%;
-      }
-    }
-
-    .right {
-      width: 1.7rem;
-      position: absolute;
-      right: 10px;
-
-      img {
-        width: 100%;
-      }
-    }
-  }
-
-  .content1 {
-    position: fixed;
-    left: 0.32rem;
-    top: 1.7rem;
-    width: 6.86rem;
-
-    .top2 {
-      height: 4.44rem;
-      width: 100%;
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    .top3 {
-      width: 100%;
-      height: 0.6rem;
-      border-radius: 8px;
-      margin-top: 0.3rem;
-      background: #303030;
-      display: grid;
-      grid-template-columns: repeat(3, 1fr);
-      gap: 10px;
-
-      .top3Item {
-        height: 0.6rem;
-        border-radius: 8px;
-        line-height: 0.6rem;
-        text-align: center;
-        font-size: 0.32rem;
-      }
-
-      .activeClass {
-        background: #FF3F7C;
-      }
-    }
-
-    .top4 {
-      margin-top: 0.3rem;
-      width: 100%;
-      // height: 400px;
-      height: calc(100dvh - 4.38rem);
-      overflow-y: auto;
-
-      img {
-        width: 100%;
-      }
-    }
-  }
-
-  .top5 {
-    width: 7.5rem;
-    height: 1.14rem;
-    position: fixed;
-    padding: 0 12px;
-    left: 0;
-    bottom: 10px;
-    z-index: 10;
-
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-
-  .bglog {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    background: rgba(0, 0, 0, 0.9);
-    color: #fff;
-    text-align: center;
-    line-height: 5rem;
-    z-index: 10;
-
-    .copy {
-      width: 5rem;
-      height: 1rem;
-      margin: 0 auto;
-      line-height: 1rem;
-    }
-  }
-
-
-
-  .iosStore {
-    position: fixed;
-    bottom: 5rem;
-    left: 0;
-    right: 0;
-    z-index: 10;
-
-    img {
-      height: 0.66rem;
-      width: 5.5rem;
-    }
-  }
-
-  .fixdTitle {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 10;
-    padding: 0 0.32rem;
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    height: 1.2rem;
-    background: url('~/assets/image/mebile-index/downloadBtn.png') no-repeat;
-    background-size: 100%;
-
-    .fixdTitleContent {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      gap: 0.2rem;
-
-      .logo {
-        img {
-          width: 0.6rem;
-          height: 0.6rem;
-        }
-      }
-
-      .topFont {
-        img {
-          width: 2.86rem;
-          height: 0.6rem;
-        }
-      }
-    }
-
-    .btn2 {
-      display: flex;
-      align-items: center;
-
-      img {
-        height: 0.72rem;
-      }
-    }
-
-    .btn1-txt {
-      width: 100%;
-      height: 100%;
-      background: linear-gradient(90.63deg, #003cc9 43.99%, #058be5 97.99%);
-      border-radius: 0.32rem;
-      padding: 0.04rem 0.16rem;
-      font-size: 0.28rem;
-      font-weight: 600;
-
-      span {
-        color: rgb(255, 221, 56);
-      }
-    }
-  }
-
-  .rightFixed {
-    position: fixed;
-    transition: transform 0.5s;
-    top: 4.2rem;
-    right: 0.22rem;
-    z-index: 100;
-
-    &.hide {
-      transform: translateX(1.38rem);
-    }
-
-    .icon {
-      position: absolute;
-      height: 0.56rem;
-      width: 0.32rem;
-      top: 50%;
-      transform: translateY(-50%);
-      right: 1.16rem;
-
-      img {
-        width: 100%;
-      }
-    }
-
-    .list {
-      width: 1.16rem;
-      height: 4.04rem;
-      border-radius: 1rem;
-      border: 0.01rem solid #fff;
-      background: rgba(45, 44, 47, 0.7);
-      display: flex;
-      flex-direction: column;
-      justify-content: space-around;
-
-      .item {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: center;
-
-        span {
-          font-size: 0.21rem;
-        }
-
-        img {
-          width: 0.5rem;
-        }
-      }
-    }
-  }
-
-  .content {
-    position: relative;
-    z-index: 9;
-    text-align: center;
-    height: 100%;
-    padding-bottom: 2.3rem;
-    overflow: auto;
-    padding-top: 1.6rem;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    .mz {
-      width: 6.86rem;
-    }
-
-    .downloadBtn {
-      align-items: center;
-      display: flex;
-      justify-content: space-around;
-      width: 100%;
-      padding: 0 0.5rem;
-
-      img {
-        width: 2.8rem;
-      }
-    }
-
-    .mobileTitle {
-      img {
-        width: 6.86rem;
-      }
-    }
-
-    .tipBtm {
-      position: fixed;
-      bottom: 0rem;
-      left: 50%;
-      transform: translateX(-50%);
-      width: 6.54rem;
-      margin: 0.4rem auto;
-      border-radius: 0.16rem;
-
-      .tipBtmContent {
-        background: linear-gradient(90deg, #EA5B80 0%, #E60C49 100%);
-        width: 3.16rem;
-        height: 0.8rem;
-        margin: 0.4rem auto;
-        border-radius: 0.52rem;
-        padding-top: 6.17px;
-        padding-right: 9.25px;
-        padding-bottom: 6.17px;
-        padding-left: 9.25px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 0.32rem;
-        font-weight: 640;
-        color: #fff;
-        cursor: pointer;
-
-      }
-    }
-
-    .peopBg {
-      position: relative;
-
-      img {
-        width: 100%;
-      }
-    }
-
-    .bottomText {
-      img {
-        width: 6.54rem;
-      }
-    }
-
-    .peopBgContent {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      margin: 0 auto;
-
-      img {
-        width: 6.54rem;
-      }
-    }
-  }
-}
-
-.fade-in-enter-active,
-.fade-in-leave-active {
-  transition: opacity 0.2s ease-in-out;
-}
-
-.fade-in-enter-from,
-.fade-in-leave-to {
-  opacity: 0;
-}
-
-@supports (-webkit-touch-callout: none) {
-  .page {
-    height: -webkit-fill-available;
-  }
-}
-
-.btn-js {
-  position: absolute;
-  right: 2rem;
-  top: 0.3rem;
-  width: 1.6rem;
-  height: 30px;
-
-  img {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.btn-by {
-  position: absolute;
-  right: 10px;
-  top: 0.3rem;
-  width: 1.6rem;
-  height: 30px;
-
-  img {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.top5-box {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/src/pages/pc/index.vue b/src/pages/pc/index.vue
deleted file mode 100644
index 895eca7..0000000
--- a/src/pages/pc/index.vue
+++ /dev/null
@@ -1,347 +0,0 @@
-<template>
-  <div class="desk">
-    <div class="topTitle">
-      <!-- <div class="left">
-        <picture>
-          <source type="image/webp" :srcset="logoW" />
-          <img :src="logo" alt="" class="icon" />
-        </picture>
-        <picture>
-          <source type="image/webp" :srcset="topFontW" />
-          <img :src="topFont" alt="" class="font" />
-        </picture>
-      </div> -->
-      <div class="right">
-        <div class="logo-top">
-          <picture>
-            <source type="image/webp" :srcset="logoTopW" />
-            <img :src="logoTop" alt="" />
-          </picture>
-        </div>
-        <div class="cline">
-          <picture>
-            <source type="image/webp" :srcset="clineW" />
-            <img :src="cline" alt="" />
-          </picture>
-        </div>
-        <div class="item" @click="links('https://t.me/bilitv12')">
-          <picture>
-            <source type="image/webp" :srcset="fj_iconW" />
-            <img :src="fj_icon" alt="" />
-          </picture>
-          <span>福利群组</span>
-        </div>
-        <div class="cline">
-          <picture>
-            <source type="image/webp" :srcset="clineW" />
-            <img :src="cline" alt="" />
-          </picture>
-        </div>
-        <div class="item" @click="links('https://t1t1.com/')">
-          <picture>
-            <source type="image/webp" :srcset="qz_iconW" />
-            <img :src="qz_icon" alt="" />
-          </picture>
-          <span>广告商务</span>
-        </div>
-        <div class="cline">
-          <picture>
-            <source type="image/webp" :srcset="clineW" />
-            <img :src="cline" alt="" />
-          </picture>
-        </div>
-        <div class="item" @click="openCustomerService">
-          <picture>
-            <source type="image/webp" :srcset="kf_iconW" />
-            <img :src="kf_icon" alt="" />
-          </picture>
-          <span>在线客服</span>
-        </div>
-      </div>
-    </div>
-    <!-- 背景 -->
-    <div class="bg">
-      <picture>
-        <source type="image/webp" :srcset="bgW" />
-        <img :src="bg" alt="" class="bg" />
-      </picture>
-    </div>
-    <div class="left-content">
-      <!-- <picture>
-        <source type="image/webp" :srcset="txtW" />
-        <img :src="txt" alt="" class="txt-img" />
-      </picture> -->
-      <div class="code-main">
-        <DesktopQrcode class="qr1" />
-        <!-- <div class="fontWrap">
-          <div class="title">安卓手机</div>
-          <div class="title">建议使用UC浏览器扫码</div>
-          <div class="font">
-            安装提示：由于行业原因，本APP会被某些杀毒软件认为病毒，请放心下载使用，APP有广告和会员收益，安装不会对您的手机造成任何伤害。
-          </div>-->
-        <div class="desc-qr">
-          <picture>
-            <source type="image/webp" :srcset="descW" />
-            <img :src="desc" alt="" />
-          </picture>
-        </div>
-      </div>
-    </div>
-    <!-- <div class="right-content">
-      <picture>
-        <source type="image/webp" :srcset="modelW" />
-        <img :src="model" alt="" class="model-img" />
-      </picture>
-    </div> -->
-  </div>
-</template>
-
-<script lang="ts" setup>
-import logo from '~/assets/logo.png'
-import topFont from '~/assets/image/mebile-index/topFont.png'
-import fj_icon from '~/assets/image/mebile-index/fj_icon.png'
-import qz_icon from '~/assets/image/mebile-index/qz_icon.png'
-import kf_icon from '~/assets/image/mebile-index/kf_icon.png'
-import bg from '~/assets/image/pc-index/pcBg.jpg'
-import model from '~/assets/image/pc-index/model.png'
-import txt from '~/assets/image/pc-index/txt.png'
-import cline from '~/assets/image/pc-index/cline.png'
-import logoTop from '~/assets/image/pc-index/logo-top.png'
-import desc from '~/assets/image/pc-index/desc.png'
-
-
-import logoW from '~/assets/logo.webp'
-import topFontW from '~/assets/image/mebile-index/topFont.webp'
-import fj_iconW from '~/assets/image/mebile-index/fj_icon.webp'
-import qz_iconW from '~/assets/image/mebile-index/qz_icon.webp'
-import kf_iconW from '~/assets/image/mebile-index/kf_icon.webp'
-import bgW from '~/assets/image/pc-index/pcBg.webp'
-import txtW from '~/assets/image/pc-index/txt.webp'
-import modelW from '~/assets/image/pc-index/model.webp'
-import DesktopQrcode from '~/components/desktop/qrcode.vue'
-import clineW from '~/assets/image/pc-index/cline.webp'
-import logoTopW from '~/assets/image/pc-index/logo-top.webp'
-import descW from '~/assets/image/pc-index/desc.webp'
-
-import { getCustomerServiceUrl } from '~/api/btn'
-import { getSessionTraceId } from '~/utils/traceId'
-const route = useRoute()
-
-const URL = ref('')
-const screenWidth = ref(1920)
-const screenHeight = ref(1080)
-const aspectRatio = ref(0)
-const onlineServiceLoading = ref(false)
-function links(url: string) {
-  window.location.href = url
-}
-
-function getDeviceType(userAgent: string) {
-  return /android/i.test(userAgent) ? 'Android' : 'iOS'
-}
-
-function getSystemType(userAgent: string) {
-  return /android/i.test(userAgent) ? 'Android' : 'iOS'
-}
-
-function getSystemVersion(userAgent: string) {
-  const androidVersion = userAgent.match(/Android\s([\d.]+)/i)
-  if (androidVersion?.[1]) {
-    return androidVersion[1]
-  }
-  const iosVersion = userAgent.match(/OS (\d+[_\d]*)/i)
-  if (iosVersion?.[1]) {
-    return iosVersion[1].replace(/_/g, '.')
-  }
-  return ''
-}
-
-async function openCustomerService() {
-  if (onlineServiceLoading.value) {
-    return
-  }
-  onlineServiceLoading.value = true
-  try {
-    const userAgent = navigator.userAgent || ''
-    const res = await getCustomerServiceUrl({
-      uid: String(route.query.uid || getSessionTraceId()),
-      appId: 126,
-      deviceType: getDeviceType(userAgent),
-      systemType: getSystemType(userAgent),
-      systemVersion: getSystemVersion(userAgent)
-    })
-    const serviceUrl = res && res.data
-    if (serviceUrl) {
-      window.location.href = serviceUrl as unknown as string
-      return
-    }
-  } catch (error) {
-    console.log('get customer service url error:', error)
-  } finally {
-    onlineServiceLoading.value = false
-  }
-}
-onMounted(() => {
-  URL.value = window.location.href
-  resizeBox()
-  window.onresize = () => {
-    resizeBox()
-  }
-})
-
-function resizeBox() {
-  screenHeight.value = window.innerHeight
-  screenWidth.value = window.innerWidth
-  aspectRatio.value = window.innerWidth / window.innerHeight
-  if (aspectRatio.value >= 1920 / 1080) {
-    const percentageOn1 = (screenHeight.value / 1080) * 100
-    document.body.style.cssText = 'zoom:' + percentageOn1 + '%'
-  } else {
-    const percentageOn1 = (screenWidth.value / 1920) * 100
-    document.body.style.cssText = 'zoom:' + percentageOn1 + '%'
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-:deep() {
-  .qrContent {
-    .left {
-      margin-right: 10px;
-    }
-  }
-}
-img {
-  -webkit-user-drag: none;
-}
-
-.topTitle {
-  position: fixed;
-  height: 64px;
-  top: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  z-index: 2;
-
-  .right {
-    display: flex;
-    justify-content: right;
-    align-items: center;
-    background: #FFFFFF1F;
-    border: 1px solid #FFFFFF33;
-    border-radius: 0 0 16px 16px;
-    padding: 0 80px 0 40px;
-
-    .logo-top {
-      img {
-        width: 197px;
-        height: 40px;
-      }
-    }
-
-    .cline {
-      margin: 0 50px;
-
-      img {
-        width: 2px;
-        height: 14px;
-      }
-    }
-
-    .item {
-      display: flex;
-      align-items: center;
-
-      img {
-        width: 18px;
-        height: 18px;
-        margin-right: 10px;
-        margin-top: 5px;
-      }
-
-      span {
-        font-size: 16px;
-      }
-    }
-  }
-}
-
-.desk {
-  user-select: none;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: relative;
-  overflow: hidden;
-
-  .bg {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-
-  .left-content {
-    position: absolute;
-    left: 148px;
-    bottom: 182px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-
-    .txt-img {
-      width: 884px;
-    }
-
-    .code-main {
-      display: flex;
-      // margin-top: 117px;
-
-      .desc-qr {
-        img {
-          width: 483px;
-          height: 154px;
-        }
-      }
-    }
-
-    .fontWrap {
-      width: 473px;
-      padding-right: 24px;
-
-      .title {
-        color: #fff9cb;
-        font-size: 26px;
-        font-weight: 500;
-        line-height: 40px;
-      }
-
-      .font {
-        margin-top: 20px;
-        color: #fff;
-        font-size: 16px;
-        font-weight: 400;
-        line-height: 24px;
-      }
-    }
-  }
-}
-
-.right-content {
-  width: 902px;
-  height: 868px;
-  position: absolute;
-  right: 0;
-  bottom: -35px;
-  z-index: 0;
-
-  img {
-    width: 100%;
-    height: 100%;
-  }
-}
-</style>
\ No newline at end of file
diff --git a/src/pages/pc2/index.vue b/src/pages/pc2/index.vue
deleted file mode 100644
index 3c9941f..0000000
--- a/src/pages/pc2/index.vue
+++ /dev/null
@@ -1,367 +0,0 @@
-<template>
-  <div class="desk">
-    <!-- 整页背景 -->
-    <div class="bg">
-      <picture>
-        <source type="image/webp" :srcset="bgW" />
-        <img :src="bg" alt="" />
-      </picture>
-    </div>
-
-    <!-- 左上 logo 组合 -->
-    <div class="logo-area">
-      <picture>
-        <source type="image/webp" :srcset="logoGroupW" />
-        <img :src="logoGroup" alt="逼哩逼哩" />
-      </picture>
-    </div>
-
-    <!-- 顶部右按钮组 -->
-    <div class="topTitle">
-      <div class="right">
-        <div class="item" @click="links('https://t.me/bilitv12')">
-          <picture>
-            <source type="image/webp" :srcset="iconFlW" />
-            <img :src="iconFl" alt="" />
-          </picture>
-          <span>福利群组</span>
-        </div>
-        <div class="item" @click="links('https://t1t1.com/')">
-          <picture>
-            <source type="image/webp" :srcset="iconAdW" />
-            <img :src="iconAd" alt="" />
-          </picture>
-          <span>广告商务</span>
-        </div>
-        <div class="item" @click="openCustomerService">
-          <picture>
-            <source type="image/webp" :srcset="iconKfW" />
-            <img :src="iconKf" alt="" />
-          </picture>
-          <span>在线客服</span>
-        </div>
-        <div class="item" @click="links('https://t.me/beishang1980')">
-          <picture>
-            <source type="image/webp" :srcset="iconUpW" />
-            <img :src="iconUp" alt="" />
-          </picture>
-          <span>UP主招募</span>
-        </div>
-      </div>
-    </div>
-
-    <!-- 中央主题文案大图 -->
-    <div class="theme">
-      <picture>
-        <source type="image/webp" :srcset="themeW" />
-        <img :src="theme" alt="" />
-      </picture>
-    </div>
-
-    <!-- 右侧人物 -->
-    <div class="model">
-      <picture>
-        <source type="image/webp" :srcset="modelW" />
-        <img :src="model" alt="" />
-      </picture>
-    </div>
-
-    <!-- 二维码区域：CSS 黑蒙版（Rectangle 544874）+ Group 9387 透明 PNG（含全部内容）+ 二维码 -->
-    <div class="qr-area">
-      <picture class="qr-bg">
-        <source type="image/webp" :srcset="qrFrameW" />
-        <img :src="qrFrame" alt="" />
-      </picture>
-      <div class="qr-inner">
-        <DesktopQrcode />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { onMounted, ref } from 'vue'
-import bg from '~/assets/image/pc-index2/bg-new.png'
-import bgW from '~/assets/image/pc-index2/bg-new.webp'
-import theme from '~/assets/image/pc-index2/theme.png'
-import themeW from '~/assets/image/pc-index2/theme.webp'
-import model from '~/assets/image/pc-index2/model.png'
-import modelW from '~/assets/image/pc-index2/model.webp'
-import logoGroup from '~/assets/image/pc-index2/logo-group.png'
-import logoGroupW from '~/assets/image/pc-index2/logo-group.webp'
-import qrFrame from '~/assets/image/pc-index2/qr-frame.png'
-import qrFrameW from '~/assets/image/pc-index2/qr-frame.webp'
-import iconFl from '~/assets/image/pc-index2/icon-fl.png'
-import iconFlW from '~/assets/image/pc-index2/icon-fl.webp'
-import iconAd from '~/assets/image/pc-index2/icon-ad.png'
-import iconAdW from '~/assets/image/pc-index2/icon-ad.webp'
-import iconKf from '~/assets/image/pc-index2/icon-kf.png'
-import iconKfW from '~/assets/image/pc-index2/icon-kf.webp'
-import iconUp from '~/assets/image/pc-index2/icon-up.png'
-import iconUpW from '~/assets/image/pc-index2/icon-up.webp'
-import DesktopQrcode from '~/components/desktop/qrcode.vue'
-import { getCustomerServiceUrl } from '~/api/btn'
-import { getSessionTraceId } from '~/utils/traceId'
-
-const route = useRoute()
-const onlineServiceLoading = ref(false)
-const screenWidth = ref(1920)
-const screenHeight = ref(1080)
-const aspectRatio = ref(0)
-
-function links(url: string) {
-  window.location.href = url
-}
-
-onMounted(() => {
-  resizeBox()
-  window.onresize = () => {
-    resizeBox()
-  }
-})
-
-function resizeBox() {
-  screenHeight.value = window.innerHeight
-  screenWidth.value = window.innerWidth
-  aspectRatio.value = window.innerWidth / window.innerHeight
-  if (aspectRatio.value >= 1920 / 1080) {
-    const percentageOn1 = (screenHeight.value / 1080) * 100
-    document.body.style.cssText = 'zoom:' + percentageOn1 + '%'
-  } else {
-    const percentageOn1 = (screenWidth.value / 1920) * 100
-    document.body.style.cssText = 'zoom:' + percentageOn1 + '%'
-  }
-}
-
-function getDeviceType(userAgent: string) {
-  return /android/i.test(userAgent) ? 'Android' : 'iOS'
-}
-
-function getSystemType(userAgent: string) {
-  return /android/i.test(userAgent) ? 'Android' : 'iOS'
-}
-
-function getSystemVersion(userAgent: string) {
-  const androidVersion = userAgent.match(/Android\s([\d.]+)/i)
-  if (androidVersion?.[1]) {
-    return androidVersion[1]
-  }
-  const iosVersion = userAgent.match(/OS (\d+[_\d]*)/i)
-  if (iosVersion?.[1]) {
-    return iosVersion[1].replace(/_/g, '.')
-  }
-  return ''
-}
-
-async function openCustomerService() {
-  if (onlineServiceLoading.value) {
-    return
-  }
-  onlineServiceLoading.value = true
-  try {
-    const userAgent = navigator.userAgent || ''
-    const res = await getCustomerServiceUrl({
-      uid: String(route.query.uid || getSessionTraceId()),
-      appId: 126,
-      deviceType: getDeviceType(userAgent),
-      systemType: getSystemType(userAgent),
-      systemVersion: getSystemVersion(userAgent)
-    })
-    const serviceUrl = res && res.data
-    if (serviceUrl) {
-      window.location.href = serviceUrl as unknown as string
-      return
-    }
-  } catch (error) {
-    console.log('get customer service url error:', error)
-  } finally {
-    onlineServiceLoading.value = false
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-img {
-  -webkit-user-drag: none;
-}
-
-.desk {
-  user-select: none;
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-
-  .bg {
-    position: absolute;
-    inset: 0;
-    z-index: 0;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-  }
-
-  .logo-area {
-    position: absolute;
-    left: 87px;
-    top: 47px;
-    width: 367px;
-    height: 95px;
-    z-index: 3;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-    }
-  }
-
-  .topTitle {
-    position: absolute;
-    top: 66px;
-    right: 92px;
-    z-index: 3;
-    display: flex;
-
-    .right {
-      display: flex;
-      align-items: center;
-      gap: 25px;
-
-      .item {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        height: 60px;
-        padding: 11px 25px;
-        border-radius: 88px;
-        border: 1px solid rgba(255, 255, 255, 0.5);
-        gap: 8px;
-        cursor: pointer;
-        white-space: nowrap;
-        transition: background 0.2s ease;
-
-        &:hover {
-          background: rgba(255, 255, 255, 0.08);
-        }
-
-        img {
-          width: 37px;
-          height: 37px;
-          display: block;
-        }
-
-        span {
-          color: #fff;
-          font-size: 25px;
-          font-weight: 400;
-          line-height: 1;
-        }
-      }
-    }
-  }
-
-  .theme {
-    position: absolute;
-    left: 86px;
-    top: 227px;
-    width: 874px;
-    height: 435px;
-    z-index: 1;
-    pointer-events: none;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-    }
-  }
-
-  .model {
-    position: absolute;
-    left: 960px;
-    top: 179px;
-    width: 778px;
-    height: 909px;
-    z-index: 1;
-    pointer-events: none;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-    }
-  }
-
-  .qr-area {
-    position: absolute;
-    left: 207px;
-    top: 733px;
-    width: 753px;
-    height: 247px;
-    z-index: 2;
-    background: #00000073;
-    border-radius: 4px;
-
-    .qr-bg {
-      position: absolute;
-      left: 45px;
-      top: 40px;
-      width: 675px;
-      height: 166px;
-      pointer-events: none;
-
-      img {
-        width: 100%;
-        height: 100%;
-        object-fit: contain;
-        display: block;
-      }
-    }
-
-    .qr-inner {
-      position: absolute;
-      left: 45px;
-      top: 40px;
-      width: 159px;
-      height: 159px;
-
-      :deep(.qrContent) {
-        height: 100%;
-
-        .left {
-          width: 100%;
-          height: 100%;
-          margin-right: 0;
-          border-radius: 8px;
-          overflow: hidden;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          background: transparent;
-
-          .qr {
-            width: 100%;
-            height: 100%;
-            padding: 9px;
-            box-sizing: border-box;
-            background-color: transparent;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-
-            .qrcode {
-              padding: 0;
-              width: 100% !important;
-              height: 100% !important;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/pages/share.vue b/src/pages/share.vue
deleted file mode 100644
index 3304773..0000000
--- a/src/pages/share.vue
+++ /dev/null
@@ -1,159 +0,0 @@
-<template>
-  <div class="fit" ref="fitEl">
-    <div class="hg-share">
-    <!-- 背景：剧照网格拼贴 + 暗化遮罩（Figma 导出整图） -->
-    <div class="bg">
-      <!-- 作为落地页第三屏时滚到才加载；单独访问 /share 时它在视口内，lazy 会立即加载 -->
-      <picture>
-        <source type="image/webp" :srcset="bgW" />
-        <img :src="bg" alt="" loading="lazy" fetchpriority="low" />
-      </picture>
-    </div>
-
-    <!-- 居中内容 -->
-    <div class="stage">
-      <div class="content">
-        <div class="head">
-          <p class="eyebrow">STAY TUNED</p>
-          <h1 class="title">第一时间 不错过上新</h1>
-        </div>
-
-        <div class="footer">
-          <picture>
-            <source type="image/webp" :srcset="logoHW" />
-            <img class="logo-h" :src="logoH" alt="91fans" />
-          </picture>
-          <p>© 2026 91fans. All rights reserved.</p>
-        </div>
-      </div>
-    </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref, onMounted, onBeforeUnmount } from 'vue'
-import bg from '~/assets/image/hg/pc/share-bg.jpg'
-import bgW from '~/assets/image/hg/pc/share-bg.webp'
-import logoH from '~/assets/image/hg/common/logo-h.png'
-import logoHW from '~/assets/image/hg/common/logo-h.webp'
-
-// 1920×1080 画布按视口 cover 缩放（不再用 body.zoom）
-const fitEl = ref<HTMLElement | null>(null)
-function fit() {
-  const s = Math.min(window.innerWidth / 1920, window.innerHeight / 1080)
-  fitEl.value?.style.setProperty('--fit', String(s))
-}
-
-onMounted(() => {
-  fit()
-  window.addEventListener('resize', fit)
-})
-onBeforeUnmount(() => window.removeEventListener('resize', fit))
-</script>
-
-<style lang="scss" scoped>
-img {
-  -webkit-user-drag: none;
-}
-
-.fit {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-  background: #000;
-}
-
-.hg-share {
-  user-select: none;
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-  background: #000;
-
-  .bg {
-    position: absolute;
-    inset: 0;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-  }
-
-  .stage {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%) scale(var(--fit, 1));
-    width: 1920px;
-    height: 1080px;
-    z-index: 2;
-  }
-
-  .content {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 60px;
-  }
-
-  .head {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 24px;
-
-    .eyebrow {
-      margin: 0;
-      font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-      font-weight: 400;
-      font-size: 36px;
-      line-height: 1;
-      color: #ffb92b;
-    }
-
-    .title {
-      margin: 0;
-      font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-      font-weight: 900;
-      font-size: 60px;
-      line-height: 1.2;
-      color: #fff;
-      text-align: center;
-    }
-  }
-
-  .footer {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 12px;
-
-    .logo-h {
-      width: 220px;
-      height: 77px;
-      object-fit: contain;
-      display: block;
-    }
-
-    p {
-      margin: 0;
-      font-family: 'Noto Serif SC', 'PingFang SC', 'Songti SC', serif;
-      font-weight: 400;
-      font-size: 16px;
-      line-height: 1.4;
-      color: #fff;
-      text-align: center;
-    }
-  }
-}
-</style>