优化商品展示：固定封面、正确编号与价格、租期与复制信息

使用固定商品图避免远程图加载慢；编号改为 listing_no；价格按 price_cent 换算；去掉 Hero 横幅；公告仅一条滚动；展示租期；区分复制编号与复制完整信息。

src/styles.css

@@ -151,23 +151,20 @@ input {
 }
 
 .warning-line {
-  height: 28px;
+  min-height: 28px;
+  padding: 6px 16px;
   display: flex;
   align-items: center;
-  overflow: hidden;
+  justify-content: center;
   color: #b95600;
-  background: linear-gradient(90deg, #fff4e8, #fff8f0 40%, #fff4e8);
+  background: #fff7ef;
   border-bottom: 1px solid #ffe0c2;
   font-size: 12px;
   font-weight: 700;
-  letter-spacing: 0.02em;
+  text-align: center;
+  line-height: 1.4;
 }
 
-.warning-line .marquee-track {
-  animation-duration: 28s;
-}
-
-.hero-strip,
 .search-stage,
 .filter-board,
 .result-area {
@@ -176,51 +173,10 @@ input {
   margin-left: auto;
 }
 
-.hero-strip {
-  min-height: 84px;
-  margin-top: 18px;
-  padding: 16px 22px;
-  display: grid;
-  grid-template-columns: 1fr max-content max-content;
-  align-items: center;
-  gap: 18px;
-  color: var(--text-main);
-  background:
-    linear-gradient(90deg, rgba(255, 248, 241, 0.98), rgba(255, 241, 225, 0.9)),
-    linear-gradient(135deg, #fff, #fff1e3);
-  background-size: cover;
-  background-position: center;
-  border: 1px solid var(--brand-line);
-  border-left: 4px solid var(--brand);
-  border-radius: 0 0 14px 14px;
-  box-shadow: 0 10px 26px rgba(255, 107, 0, 0.08);
-}
-
-.hero-strip span {
-  display: block;
-  color: var(--brand);
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.hero-strip strong {
-  display: block;
-  margin-top: 3px;
-  font-size: 22px;
-  letter-spacing: 0;
-}
-
-.hero-strip p {
-  margin: 0;
-  color: #7a5a43;
-  font-size: 13px;
-  white-space: nowrap;
-}
-
 .search-stage {
   display: flex;
   justify-content: center;
-  padding: 16px 0 22px;
+  padding: 18px 0 14px;
 }
 
 .search-stage .ant-input-search {
@@ -240,7 +196,7 @@ input {
 .notice-line {
   width: min(1480px, calc(100% - 160px));
   height: 34px;
-  margin: -8px auto 12px;
+  margin: 0 auto 12px;
   padding: 0 12px 0 10px;
   display: flex;
   align-items: center;
@@ -628,15 +584,23 @@ input {
   font-weight: 900;
 }
 
+.price-line .rental-days {
+  color: #ff5b66;
+}
+
 .price-line .ant-btn {
   margin-left: auto;
+  padding-right: 0;
+  color: #023f34;
   font-weight: 900;
 }
 
-.price-line .ant-btn-primary {
-  min-width: 112px;
-  color: #fff;
-  box-shadow: 0 8px 18px rgba(255, 107, 0, 0.18);
+.price-line .ant-btn-link {
+  color: var(--brand-dark);
+}
+
+.price-line .ant-btn-link:hover {
+  color: var(--brand);
 }
 
 .empty-state {
@@ -693,7 +657,6 @@ input {
 
 @media (max-width: 1280px) {
   .nav-inner,
-  .hero-strip,
   .search-stage,
   .filter-board,
   .result-area,
@@ -732,7 +695,6 @@ input {
     overflow-x: auto;
   }
 
-  .hero-strip,
   .search-stage,
   .filter-board,
   .result-area,
@@ -740,14 +702,6 @@ input {
     width: calc(100% - 24px);
   }
 
-  .hero-strip {
-    grid-template-columns: 1fr;
-  }
-
-  .hero-strip p {
-    white-space: normal;
-  }
-
   .filter-grid,
   .range-fields {
     grid-template-columns: 1fr;
@@ -778,10 +732,6 @@ input {
     width: calc(100% - 24px);
   }
 
-  .warning-line .marquee-track {
-    animation-duration: 20s;
-  }
-
   .notice-marquee .marquee-track {
     animation-duration: 16s;
   }