diff --git a/offer_frontend/public/images/logo.png b/offer_frontend/public/images/logo.png
new file mode 100644
index 0000000..cb0296f
Binary files /dev/null and b/offer_frontend/public/images/logo.png differ
diff --git a/offer_frontend/src/views/portal/CompanyListView.vue b/offer_frontend/src/views/portal/CompanyListView.vue
index 2586025..c092fa1 100644
--- a/offer_frontend/src/views/portal/CompanyListView.vue
+++ b/offer_frontend/src/views/portal/CompanyListView.vue
@@ -4,6 +4,9 @@
     <!-- ① 总院 Hero -->
     <section class="hero-section">
       <div class="hero-inner">
+        <div class="hero-logo">
+          <img :src="group.logo || '/images/logo.png'" alt="logo" />
+        </div>
         <div class="hero-content">
           <h1 class="hero-name hero-name-link" @click="$router.push(`/companies/${group.id}`)">{{ group.name }}</h1>
           <div class="hero-meta">
@@ -170,6 +173,27 @@ onMounted(async () => {
   gap: 36px;
   align-items: flex-start;
 }
+.hero-logo {
+  flex-shrink: 0;
+  width: 96px;
+  height: 96px;
+  border-radius: 4px;
+  overflow: hidden;
+  border: 1px solid var(--border);
+  background: var(--bg-page);
+}
+.hero-logo img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }
+.logo-placeholder {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--serif);
+  font-size: 36px;
+  font-weight: 700;
+  color: var(--brand-red);
+}
 .hero-name {
   font-family: var(--serif);
   font-size: 28px;