diff --git a/frontend/portal/src/layout/LayoutCreator.vue b/frontend/portal/src/layout/LayoutCreator.vue
index e95d36c..a3dc7ff 100644
--- a/frontend/portal/src/layout/LayoutCreator.vue
+++ b/frontend/portal/src/layout/LayoutCreator.vue
@@ -1,9 +1,10 @@
 <template>
    <div class="min-h-screen flex flex-col bg-slate-50">
       <TopNavbar />
-              <main class="flex-grow pt-16">
-                 <div class="mx-auto max-w-screen-xl py-8 flex gap-8">
-                    <!-- Creator Sidebar (Dark Theme) -->            <aside class="w-[260px] flex-shrink-0 hidden lg:block">
+    <main class="flex-grow pt-16">
+       <div class="mx-auto max-w-screen-xl py-8 flex gap-8">
+          <!-- Creator Sidebar (Dark Theme) -->
+          <aside class="w-[280px] flex-shrink-0 hidden lg:block">
                <div
                   class="bg-slate-900 rounded-2xl shadow-sm overflow-hidden sticky top-24 text-slate-300 min-h-[600px] flex flex-col">
                   <!-- Header -->
diff --git a/frontend/portal/src/views/user/NotificationsView.vue b/frontend/portal/src/views/user/NotificationsView.vue
index f33cffe..70b1edf 100644
--- a/frontend/portal/src/views/user/NotificationsView.vue
+++ b/frontend/portal/src/views/user/NotificationsView.vue
@@ -7,14 +7,14 @@
           v-for="tab in tabs" 
           :key="tab.value"
           @click="currentTab = tab.value"
-          class="pb-4 text-sm font-medium transition-colors border-b-2 cursor-pointer focus:outline-none relative"
+          class="pb-4 text-base font-bold transition-colors border-b-2 cursor-pointer focus:outline-none relative"
           :class="currentTab === tab.value ? 'text-primary-600 border-primary-600' : 'text-slate-500 border-transparent hover:text-slate-700'"
         >
           {{ tab.label }}
-          <span v-if="tab.count > 0" class="absolute -top-1 -right-3 min-w-[1.25rem] h-5 px-1 bg-red-500 text-white text-xs rounded-full flex items-center justify-center scale-75">{{ tab.count }}</span>
+          <span v-if="tab.count > 0" class="absolute -top-1 -right-4 min-w-[1.25rem] h-5 px-1.5 bg-red-500 text-white text-[10px] rounded-full flex items-center justify-center">{{ tab.count }}</span>
         </button>
       </div>
-      <button class="mb-4 text-sm text-slate-500 hover:text-primary-600 cursor-pointer flex items-center gap-1">
+      <button class="mb-4 text-base font-medium text-slate-500 hover:text-primary-600 cursor-pointer flex items-center gap-1">
          <i class="pi pi-check-circle"></i> 全部已读
       </button>
     </div>
@@ -37,13 +37,13 @@
              <!-- Content -->
              <div class="flex-1 min-w-0">
                 <div class="flex items-center justify-between mb-1">
-                   <h3 class="font-bold text-slate-900 text-sm group-hover:text-primary-600 transition-colors flex items-center gap-2">
+                   <h3 class="font-bold text-slate-900 text-lg group-hover:text-primary-600 transition-colors flex items-center gap-2">
                       <span v-if="!item.read" class="w-2 h-2 bg-blue-600 rounded-full inline-block"></span>
                       {{ item.title }}
                    </h3>
-                   <span class="text-xs text-slate-400 whitespace-nowrap">{{ item.time }}</span>
+                   <span class="text-sm text-slate-400 whitespace-nowrap">{{ item.time }}</span>
                 </div>
-                <p class="text-sm text-slate-600 line-clamp-2">{{ item.content }}</p>
+                <p class="text-base text-slate-600 line-clamp-2">{{ item.content }}</p>
              </div>
           </div>
        </div>