优化首页组件 与 header 溢光 (#16)

Author: wling-art

docusaurus.config.ts

@@ -34,7 +34,9 @@ const config: Config = {
         // ICP 备案号
         ICP_LICENSE: ICP_LICENSE,
         // 是否为中国站点
-        IS_CHINA_SITE: IS_CHINA_SITE
+        IS_CHINA_SITE: IS_CHINA_SITE,
+        description:
+            "笨蛋开服教程为 Minecraft 玩家提供 Java 版与基岩版服务器开服指南，包含环境配置、插件使用、端口转发、常见报错解决与服务器优化技巧。适合新手与进阶服主快速掌握开服步骤，顺利搭建稳定高性能的 Minecraft 服务器。"
     },
 
     markdown: {
@@ -424,4 +426,4 @@ const config: Config = {
 
     themes: ["@docusaurus/theme-mermaid"]
 };
-export default config;
+export default config;

src/components/HeroBackground.tsx

@@ -0,0 +1,36 @@
+export function HeroBackground() {
+    return (
+        <svg viewBox="0 0 1440 181" fill="none" xmlns="http://www.w3.org/2000/svg" className="pointer-events-none">
+            <mask id="path-1-inside-1_414_5526" fill="white">
+                <path d="M0 0H1440V181H0V0Z" />
+            </mask>
+            <path d="M0 0H1440V181H0V0Z" fill="url(#paint0_linear_414_5526)" fillOpacity="0.22" />
+            <path d="M0 2H1440V-2H0V2Z" fill="url(#paint1_linear_414_5526)" mask="url(#path-1-inside-1_414_5526)" />
+            <defs>
+                <linearGradient
+                    id="paint0_linear_414_5526"
+                    x1="720"
+                    y1="0"
+                    x2="720"
+                    y2="181"
+                    gradientUnits="userSpaceOnUse"
+                >
+                    <stop stopColor="currentColor" />
+                    <stop offset="1" stopColor="currentColor" stopOpacity="0" />
+                </linearGradient>
+                <linearGradient
+                    id="paint1_linear_414_5526"
+                    x1="0"
+                    y1="90.5"
+                    x2="1440"
+                    y2="90.5"
+                    gradientUnits="userSpaceOnUse"
+                >
+                    <stop stopColor="currentColor" stopOpacity="0" />
+                    <stop offset="0.395" stopColor="currentColor" />
+                    <stop offset="1" stopColor="currentColor" stopOpacity="0" />
+                </linearGradient>
+            </defs>
+        </svg>
+    );
+}

src/css/components/navbar.css

@@ -9,29 +9,11 @@
     display: flex;
     align-items: center;
     background: var(--ifm-navbar-background-color);
-    border-bottom: 1px solid var(--border);
     transition: all var(--transition-base);
     box-shadow: none !important;
     position: relative;
 }
 
-/* 底部渐变线 */
-.navbar::after {
-    content: "";
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    height: 1px;
-    background: linear-gradient(90deg, transparent 0%, var(--primary-alpha-30) 50%, transparent 100%);
-    opacity: 0;
-    transition: opacity var(--transition-base);
-}
-
-.navbar:hover::after {
-    opacity: 1;
-}
-
 /* ======================================
    品牌区域
 ====================================== */

src/css/custom.css

@@ -38,7 +38,6 @@
 /* ======================================
    工具类样式
 ====================================== */
-@import "./utilities/animations.css";
 @import "./utilities/scrollbar.css";
 @import "./utilities/responsive.css";
 @import "./utilities/search.css";