diff --git a/src/views/rental/Detail.vue b/src/views/rental/Detail.vue
index 2fadd39..cad8be0 100644
--- a/src/views/rental/Detail.vue
+++ b/src/views/rental/Detail.vue
@@ -6,7 +6,7 @@
           <span>房屋详情</span>
           <div class="action-buttons">
             <el-button v-if="room.status === 'empty' || room.status === 'reserved'" type="primary" size="small" @click="handleRent">租房</el-button>
-            <el-button v-if="room.status === 'empty'" type="info" size="small" @click="handleReserve">预订</el-button>
+            <el-button v-if="room.status === 'empty'" type="warning" size="small" @click="handleReserve">预订</el-button>
             <el-button v-if="room.status === 'reserved'" type="warning" size="small" @click="handleCancelReserve">取消预订</el-button>
             <el-button v-if="room.status === 'rented'" type="warning" size="small" @click="handleCheckout">退房</el-button>
             <el-button v-if="!room.otherStatus || room.otherStatus === ''" type="info" size="small" @click="handleCleaning">打扫</el-button>
diff --git a/src/views/rental/List.vue b/src/views/rental/List.vue
index 631b1de..4984b6a 100644
--- a/src/views/rental/List.vue
+++ b/src/views/rental/List.vue
@@ -424,6 +424,11 @@ export default {
 
 /* 状态样式 */
 .status-empty {
+  border-color: #dcdfe6;
+  background-color: #ffffff;
+}
+
+.status-reserved {
   border-color: #dcdfe6;
   background-color: #f5f7fa;
 }