refactor(admin-web): unify page headers with shared title card

Introduce .page-title-card style and migrate Images, Knowledge,
KolDashboard, KolManage, KolProfile views to the shared header layout.
Add subtitle copy for KOL dashboard and manage views.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/admin-web/src/views/KolDashboardView.vue

@@ -208,16 +208,20 @@ function refresh() {
 
 <template>
   <div class="kol-dashboard-view">
-    <div class="page-header">
-      <div class="header-info">
-        <h2 class="page-title">{{ t("kol.dashboard.title") }}</h2>
-        <p class="page-desc">实时查看订阅情况与生成数据统计</p>
+    <section class="page-title-card">
+      <div class="page-title-card__header">
+        <div class="page-title-card__copy">
+          <h2>{{ t("kol.dashboard.title") }}</h2>
+          <p>{{ t("kol.dashboard.subtitle") }}</p>
+        </div>
+        <div class="page-title-card__actions">
+          <a-button @click="refresh">
+            <template #icon><ReloadOutlined /></template>
+            刷新
+          </a-button>
+        </div>
       </div>
-      <a-button @click="refresh">
-        <template #icon><ReloadOutlined /></template>
-        刷新
-      </a-button>
-    </div>
+    </section>
 
     <!-- Stats Row -->
     <div class="stats-row">
@@ -366,23 +370,6 @@ function refresh() {
   gap: 24px;
 }
 
-.page-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-}
-.page-title {
-  font-size: 20px;
-  font-weight: 700;
-  margin: 0 0 4px 0;
-  color: #1a1a1a;
-}
-.page-desc {
-  font-size: 14px;
-  color: #8c8c8c;
-  margin: 0;
-}
-
 /* Stats Row */
 .stats-row {
   display: grid;