diff --git a/src/pages/order/detail.vue b/src/pages/order/detail.vue
index e8ccaf1..a066cc4 100644
--- a/src/pages/order/detail.vue
+++ b/src/pages/order/detail.vue
@@ -47,7 +47,7 @@
           :key="index" 
           class="item-row"
         >
-          <text class="item-info">{{ item.productName }}\n{{ item.productSpec || '-' }}\n{{ item.length || '-' }}x{{ item.width || '-' }}</text>
+          <text class="item-info"><text class="item-name-text">{{ item.productName }}</text><text class="item-spec-text">{{ item.productSpec ? '　' + item.productSpec : '' }}</text>\n{{ item.length || '-' }}x{{ item.width || '-' }}</text>
           <text class="item-area">{{ calcArea(item) }}</text>
           <text class="item-qty">{{ item.quantity }}</text>
           <text class="item-price">¥{{ item.price }}</text>
@@ -373,6 +373,15 @@ export default {
   line-height: 1.6;
 }
 
+.item-name-text {
+  color: #333;
+  font-weight: 500;
+}
+
+.item-spec-text {
+  color: #999;
+}
+
 .item-area {
   flex: 1.2;
   text-align: center;