diff --git a/src/assets/icons/statement.svg b/src/assets/icons/statement.svg
index 80c5207..b6f4b70 100644
--- a/src/assets/icons/statement.svg
+++ b/src/assets/icons/statement.svg
@@ -1,4 +1,5 @@
-<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.32919 0C3.73406 0 0 3.7382 0 8.33333C0 12.9285 3.7382 16.6667 8.32919 16.6667C12.9202 16.6667 16.6584 12.9285 16.6584 8.33333C16.6584 3.7382 12.9243 0 8.32919 0ZM8.32919 15.7352C4.24739 15.7352 0.927306 12.4151 0.927306 8.33333C0.927306 4.25153 4.24739 0.931445 8.32919 0.931445C12.411 0.931445 15.7311 4.25153 15.7311 8.33333C15.7311 12.4151 12.411 15.7352 8.32919 15.7352Z" fill="#979797"/>
-<path d="M8.84744 7.50551C8.84744 7.21972 8.61576 6.98804 8.32997 6.98804C8.04418 6.98804 7.8125 7.21972 7.8125 7.50551V12.4732C7.8125 12.759 8.04418 12.9907 8.32997 12.9907C8.61576 12.9907 8.84744 12.759 8.84744 12.4732V7.50551Z" fill="#979797"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.99326 1.66675C5.39812 1.66675 1.66406 5.40495 1.66406 10.0001C1.66406 14.5952 5.40226 18.3334 9.99326 18.3334C14.5842 18.3334 18.3224 14.5952 18.3224 10.0001C18.3224 5.40495 14.5884 1.66675 9.99326 1.66675ZM9.99326 17.402C5.91145 17.402 2.59137 14.0819 2.59137 10.0001C2.59137 5.91828 5.91145 2.59819 9.99326 2.59819C14.0751 2.59819 17.3951 5.91828 17.3951 10.0001C17.3951 14.0819 14.0751 17.402 9.99326 17.402Z" fill="#979797"/>
+<path d="M10.5115 9.17225C10.5115 8.88646 10.2798 8.65479 9.99403 8.65479C9.70824 8.65479 9.47656 8.88646 9.47656 9.17225V14.14C9.47656 14.4258 9.70824 14.6574 9.99403 14.6574C10.2798 14.6574 10.5115 14.4258 10.5115 14.14V9.17225Z" fill="#979797"/>
+<path d="M9.99592 6.68813C10.4513 6.68813 10.8239 6.31555 10.8239 5.86018C10.8239 5.4048 10.4513 5.03223 9.99592 5.03223C9.54055 5.03223 9.16797 5.4048 9.16797 5.86018C9.16797 6.31555 9.54055 6.68813 9.99592 6.68813Z" fill="#979797"/>
 </svg>
diff --git a/src/assets/images/icons/youtube.png b/src/assets/images/icons/youtube.png
new file mode 100644
index 0000000..541be0d
Binary files /dev/null and b/src/assets/images/icons/youtube.png differ
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 46918d0..4f31bc3 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -9,13 +9,13 @@
 				<div>{{ $t('footer.SiteMap') }}</div>
 			</div>
 			<div class="right">
-				<img src="@/assets/images/icons/xiaohongshu.png" />
-				<img src="@/assets/images/icons/linkedin.png" />
-				<img src="@/assets/images/icons/instagram.png" />
-				<img src="@/assets/images/icons/facebook.png" />
-				<img src="@/assets/images/icons/douyin.png" />
-				<img src="@/assets/images/icons/wechat.png" />
-				<div class="text">© Code-Create 2026</div>
+				<img src="@/assets/images/icons/xiaohongshu.png" @click="skip('xiaohongshu')" />
+				<img src="@/assets/images/icons/linkedin.png" @click="skip('linkedin')" />
+				<img src="@/assets/images/icons/instagram.png" @click="skip('instagram')" />
+				<img src="@/assets/images/icons/facebook.png" @click="skip('facebook')" />
+				<img src="@/assets/images/icons/douyin.png" @click="skip('tiktok')" />
+				<img src="@/assets/images/icons/youtube.png" @click="skip('youtube')" />
+				<div class="text" @click="skip('code-create')">© Code-Create 2026</div>
 			</div>
 		</div>
 	</section>
@@ -23,6 +23,18 @@
 
 <script setup lang="ts">
 	import { computed, ref } from 'vue'
+	let urlList = ref({
+		xiaohongshu: 'https://xhslink.com/m/5Ony2FapizV',
+		linkedin: 'https://www.linkedin.com/company/code-create-limited/posts?feedView=all',
+		instagram: 'https://www.instagram.com/aida_codecreate?igsh=MzRlODBiNWFlZA==  ',
+		facebook: 'https://www.facebook.com/CodeCreateAI',
+		tiktok: 'https://www.tiktok.com/@aida_codecreate',
+		youtube: 'https://www.youtube.com/@Code-Create_AiDA',
+		'code-create': 'https://www.code-create.com/',
+	})
+	const skip = (name: string) => {
+		window.open(urlList.value[name], '_blank')
+	}
 </script>
 
 <style lang="less">
diff --git a/src/lang/en.ts b/src/lang/en.ts
index d145070..4840211 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -245,7 +245,7 @@ export default {
 	brand: {
 		title: 'Brand',
 		description: "Every brand, every story — discover who's behind the collections.",
-		search: 'Search brand',
+		search: 'Enter a brand name...',
 		noFound: 'Brand No Found',
 		noFoundTip: 'Try using another keywords.',
 		searchHistory: 'Searching History',
@@ -358,7 +358,7 @@ export default {
 	addShoppingCart:{
 		title: 'Added to your Shopping Cart',
 		statement: 'Digital Assets Only. No physical product included.',
-		button: 'Set Shopping Cart'
+		button: 'See Shopping Cart'
 	},
 	area: {
 		chinaMainland: 'China Mainland',
diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts
index 76f0cc5..c42e792 100644
--- a/src/lang/zh-cn.ts
+++ b/src/lang/zh-cn.ts
@@ -242,7 +242,7 @@ export default {
 	brand: {
 		title: '品牌',
 		description: '每一个品牌，每一个故事 — 发现系列作品背后的缔造者。',
-		search: '搜索品牌',
+		search: '输入一个品牌名字',
 		noFound: '未找到品牌',
 		noFoundTip: '请尝试使用其他关键词。',
 		searchHistory: '搜索历史',
diff --git a/src/views/digitalDetail/index.vue b/src/views/digitalDetail/index.vue
index ddb121e..7abcce8 100644
--- a/src/views/digitalDetail/index.vue
+++ b/src/views/digitalDetail/index.vue
@@ -116,7 +116,7 @@ defineExpose({})
 			<div class="img-list">
 				<div class="left">
 					<div class="title">{{ $t('digitalDetail.Sketch') }}</div>
-					<div class="box sketch">
+					<div class="box sketch" :class="{'active': sketchList.length == 1}">
 						<div class="imgBox">
 							<img :src="item?.imgUrl" v-for="item in sketchList" :key="item" alt="">
 						</div>
@@ -137,7 +137,7 @@ defineExpose({})
 							</div>
 						</div>
 					</div>
-					<div class="bottom">
+					<div class="bottom" v-if="editorialVisualList.length > 0">
 						<div class="box editorialVisual">
 							<div class="title">{{ $t('digitalDetail.EditorialVisual') }}</div>
 							<div class="imgBox">
@@ -254,14 +254,27 @@ defineExpose({})
 					&.sketch{
 						.imgBox{
 							flex-direction: column;
-							gap: 2rem;
+							gap: 4rem;
 							padding: 5rem 0;
 							img{
-								height: 20.4rem;
+								height: 26.4rem;
+								object-fit: contain;
 								width: auto;
 								margin: auto;
 							}
 						}
+						&.active{
+							width: 100%;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							aspect-ratio: 9 / 16;
+							img{
+								height: auto;
+								width: 20.1rem;
+								aspect-ratio: 9 / 16;
+							}
+						}
 					}
 					&.illustration{
 						display: flex;
diff --git a/src/views/digitalItem/commodity-list.vue b/src/views/digitalItem/commodity-list.vue
index 812fddb..5cd1701 100644
--- a/src/views/digitalItem/commodity-list.vue
+++ b/src/views/digitalItem/commodity-list.vue
@@ -114,6 +114,7 @@ const {} = toRefs(data);
 		position: relative;
 		display: flex;
 		flex-direction: column;
+		margin-top: -1px;
 		.list{
 			width: 100%;
 			flex: 1;
diff --git a/src/views/digitalItem/index.vue b/src/views/digitalItem/index.vue
index 427d2c6..da36dc6 100644
--- a/src/views/digitalItem/index.vue
+++ b/src/views/digitalItem/index.vue
@@ -74,7 +74,7 @@ onUnmounted(()=>{
 defineExpose({})
 </script>
 <template>
-	<div class="digitalItem" ref="digitalItemRef">
+	<div class="digitalItem" :class="{'active': commodityListRef?.commodityList?.length > 0}" ref="digitalItemRef">
 		<div class="header-img">
 			<img src="@/assets/images/digitalItem/digital_item_banner.png" alt="">
 			<div class="text">
@@ -130,9 +130,12 @@ defineExpose({})
 <style lang="less" scoped>
 	.digitalItem{
 		width: 100%;
-		height: 100%;
+		height: auto;
 		position: relative;
 		overflow-y: auto;
+		&.active{
+			height: 100%;
+		}
 		.header-img{
 			width: 100%;
 			position: relative;
@@ -158,7 +161,7 @@ defineExpose({})
 					color: #585858;
 					font-size: 1.6rem;
 					line-height: 140%;
-					margin-top: 1.2rem;
+					margin-top: 2.4rem;
 					text-align: center;
 				}
 			}
diff --git a/src/views/digitalItem/merchant-info.vue b/src/views/digitalItem/merchant-info.vue
index 9560559..68d519a 100644
--- a/src/views/digitalItem/merchant-info.vue
+++ b/src/views/digitalItem/merchant-info.vue
@@ -47,7 +47,7 @@ defineExpose({})
 		</div>
 		<div class="categories">{{ $t('digitalItem.MerchantInfo.Gender') }}</div>	
 		<div class="line"></div>
-		<div class="multiple">{{ gender }}
+		<div class="multiple">
 			<checked-gender :list="genderList" @change="handleChange" v-model:selected="gender" />
 		</div>
 	</div>
diff --git a/src/views/shopping-drawer.vue b/src/views/shopping-drawer.vue
index 245f0d2..fa95498 100644
--- a/src/views/shopping-drawer.vue
+++ b/src/views/shopping-drawer.vue
@@ -42,7 +42,7 @@ defineExpose({})
 const {} = toRefs(data);
 </script>
 <template>
-	<el-drawer v-model="isShoppingShow" width="50rem" class="addShoppingDrawer"  :close-on-click-modal="false" title="I am the title" :with-header="false">
+	<el-drawer v-model="isShoppingShow" width="50rem" class="addShoppingDrawer"  :close-on-click-modal="true" title="I am the title" :with-header="false">
 		<div class="addShoppingInfo">
 			<div class="header">
 				<div class="title">{{ $t('addShoppingCart.title') }}</div>
@@ -74,7 +74,7 @@ const {} = toRefs(data);
 				</div>
 				<div class="statement">
 					<div class="icon">
-						<SvgIcon name="statement" size="16.6" />
+						<SvgIcon name="statement" size="20" />
 					</div>
 					{{ $t('addShoppingCart.statement') }}
 				</div>