diff --git a/public/themes/dist_static/static/css/product.css b/public/themes/dist_static/static/css/product.css
index 2b6cc19..64aa357 100644
--- a/public/themes/dist_static/static/css/product.css
+++ b/public/themes/dist_static/static/css/product.css
@@ -593,6 +593,14 @@ body.is-p-subnav .site-header {
   font-weight: 400;
   line-height: var(--font-32);
 }
+.p-download__name a {
+  color: inherit;
+  text-decoration: none;
+  transition: color var(--duration-fast) var(--easing);
+}
+.p-download__name a:hover {
+  color: var(--color-primary);
+}
 .p-download__meta {
   display: flex;
   align-items: center;
diff --git a/public/themes/website/1/zh/demo/product.html b/public/themes/website/1/zh/demo/product.html
index cd1c55f..e2f23cb 100644
--- a/public/themes/website/1/zh/demo/product.html
+++ b/public/themes/website/1/zh/demo/product.html
@@ -302,7 +302,9 @@ $resource_download = $main_content['resource_download'] ?? [];
           {/php}
           <li class="p-download__item">
             <div class="p-download__info">
-              <h3 class="p-download__name">{$nameTmp}</h3>
+              <h3 class="p-download__name">
+                <a href="{$downloadUrl}" target="_blank" rel="noopener" title="预览">{$nameTmp}</a>
+              </h3>
               <p class="p-download__meta">
                 <span>{$descTmp}</span>
                 <span class="p-download__meta-divider"></span>