fix(home): revert sidebar, apply dark top-bar style to right dock button instead

- Revert page-grid.home-grid back to single column
- Remove home-profile-widget sidebar CSS and HomeView sidebar markup
- Style .right-dock-btn with top bar's #0f1114 dark background (dark mode)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: yyyCode

vue/src/assets/blog.css

@@ -384,9 +384,9 @@ body {
   top: 86px;
 }
 
-/* 首页：更接近“封面 + 精选文章”的布局 */
+/* 首页：更接近”封面 + 精选文章”的布局 */
 .page-grid.home-grid {
-  grid-template-columns: 1fr 320px;
+  grid-template-columns: 1fr;
 }
 
 .home-hero {
@@ -446,40 +446,6 @@ body {
   object-fit: cover;
 }
 
-/* 首页：右侧深色个人信息挂件（继承顶部栏深色风格） */
-.home-profile-widget {
-  background: #ffffff;
-  border: 1px solid var(--border);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
-}
-
-[data-theme='dark'] .home-profile-widget {
-  background: #0f1114;
-  border-color: rgba(255, 255, 255, 0.06);
-}
-
-.home-profile-widget .profile-card {
-  border: none;
-  box-shadow: none;
-  background: transparent;
-  overflow: visible;
-}
-
-.home-profile-widget .profile-card-body {
-  padding: 24px 20px;
-}
-
-.home-profile-widget .profile-name {
-  color: var(--text);
-}
-
-.home-profile-widget .profile-signature {
-  color: var(--muted);
-}
-
-[data-theme='dark'] .home-profile-widget .profile-menu-item {
-  background: #3370ff;
-}
 
 .home-featured {
   padding: 18px;
@@ -2319,6 +2285,12 @@ body {
   justify-content: flex-start;
 }
 
+/* 深色挂件风格（继承顶部栏深色） */
+[data-theme='dark'] .right-dock-btn {
+  background: #0f1114;
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
 .right-dock-btn:hover {
   border-color: rgba(0, 0, 0, 0.12);
   box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);

vue/src/views/HomeView.vue

@@ -93,13 +93,6 @@
           </section>
         </div>
       </div>
-
-      <!-- 右侧：个人信息挂件 -->
-      <div class="right-rail">
-        <div class="home-profile-widget card">
-          <ProfileCard :profile="profile" />
-        </div>
-      </div>
     </div>
   </div>
 </template>
@@ -108,10 +101,8 @@
 import { computed, inject, onMounted, ref } from 'vue'
 
 import { fetchArticles, fetchArticleDetail, coverUrl } from '../api/article'
-import { fetchPublicProfile } from '../api/profile'
 import { useRouter } from 'vue-router'
 import { showMessage } from '../utils/message'
-import ProfileCard from '../components/ProfileCard.vue'
 
 const router = useRouter()
 const siteConfig = inject('siteConfig')
@@ -142,15 +133,9 @@ const loading = ref(true)
 const featuredArticle = ref({})
 const latestArticles = ref([])
 const email = ref('')
-const profile = ref(null)
 
 onMounted(async () => {
   loading.value = true
-  try {
-    profile.value = await fetchPublicProfile()
-  } catch {
-    profile.value = null
-  }
   try {
     const list = await fetchArticles({ page: 0, size: 8 })
     const items = list?.items || []