diff --git a/index.html b/index.html
index 1740a73..54ab446 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,11 @@
+
AI 写作工坊 - 结构化生成工具
+
@@ -12,24 +14,75 @@
+
+
\ No newline at end of file
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..8ce900a
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/hero-bg.png b/public/hero-bg.png
new file mode 100644
index 0000000..787d60c
Binary files /dev/null and b/public/hero-bg.png differ
diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..8ce900a
Binary files /dev/null and b/public/logo.png differ
diff --git a/src/components/GlobalSidebar.vue b/src/components/GlobalSidebar.vue
index e42bc0a..d56bd68 100644
--- a/src/components/GlobalSidebar.vue
+++ b/src/components/GlobalSidebar.vue
@@ -7,11 +7,7 @@
title="主页"
@click="switchPage('home')"
>
-
+
@@ -117,11 +113,14 @@ const switchPage = (page) => {
.sidebar-logo.active {
background: var(--info-bg);
+ box-shadow: 0 0 15px rgba(96, 165, 250, 0.2);
}
-.sidebar-logo svg {
+.sidebar-logo-img {
width: 100%;
height: 100%;
+ object-fit: cover;
+ border-radius: inherit;
}
/* 导航区域 */
diff --git a/src/components/HomePage.vue b/src/components/HomePage.vue
index a273d84..aecb9dd 100644
--- a/src/components/HomePage.vue
+++ b/src/components/HomePage.vue
@@ -13,11 +13,7 @@
-
+
AI 写作工坊
@@ -248,13 +244,17 @@ onMounted(() => {
border-radius: var(--radius-2xl);
position: relative;
overflow: hidden;
+ background-image: url('/hero-bg.png');
+ background-size: cover;
+ background-position: center;
}
.home-hero::before {
content: '';
position: absolute;
inset: 0;
- background: linear-gradient(135deg, rgba(96, 165, 250, 0.05) 0%, transparent 50%, rgba(192, 132, 252, 0.05) 100%);
+ background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(15, 23, 42, 0.4) 100%);
+ z-index: 1;
}
.hero-content {
@@ -286,10 +286,18 @@ onMounted(() => {
justify-content: center;
width: 80px;
height: 80px;
- background: linear-gradient(135deg, var(--accent-primary), #c084fc);
+ background: var(--glass-bg);
+ backdrop-filter: blur(8px);
+ border: 1px solid var(--glass-border);
border-radius: var(--radius-xl);
- color: white;
- box-shadow: 0 10px 25px rgba(96, 165, 250, 0.4);
+ overflow: hidden;
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
+}
+
+.hero-logo-img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
}
.hero-title {