/* 搜索区域 */
 .royal-search-section {
     padding: 4rem 0 8rem;
     background: #f4f4f4;
     min-height: 60rem;
 }

 .royal-search-section .royal-container {
     max-width: 1200px;
 }

 /* 搜索头部 */
 .royal-search-form {
     background: #fff;
     border-radius: 0.5rem;
     padding: 2rem;
     box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.02);
     max-width: 60rem;
     margin: 4rem auto;
 }

 /* 搜索结果 */
 .royal-search-results {
     background: #fff;
     border-radius: 0.5rem;
     padding: 4rem;
     box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.05);
 }

 .royal-results-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-bottom: 2rem;
     border-bottom: 1px solid #e8e8e8;
     margin-bottom: 2rem;
 }


 /* 搜索结果高亮样式 */
 .royal-result-title .highlight,
 .royal-result-excerpt .highlight {
     color: red;
     ;
     ;
     font-weight: 600;
     background: #e8e8e8;
     padding: 0.2rem;
     border-radius: 0.2rem;
     display: inline-block;
 }

 .royal-results-count {
     color: #888;
     font-size: 1.4rem;
 }

 .royal-results-count strong {
     color: red;
     ;
     font-size: 1.8rem;
 }

 /* 结果列表 */
 .royal-results-list {
     overflow: hidden;
     padding: 1rem 0;
 }

 .royal-result-item {
     padding: 2rem;
     background: #f4f4f4;
     border-radius: 0.5rem;
     transition: all 0.5s ease;
     border: 1px solid transparent;
     margin-bottom: 2rem;
 }

 .royal-result-item:hover {
     background: #fff;
     border-color: #e8e8e8;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
     transform: translateX(5px);
 }

 /* 缩略图 */
 .royal-result-thumb {
     overflow: hidden;
     padding-right: 4rem;
 }


 /* 结果信息 */
 .royal-result-info {
     overflow: hidden;
 }

 .royal-result-title {
     font-size: 1.6rem;
     margin-bottom: 1rem;
 }


 .royal-result-excerpt {
     color: #888;
     margin-bottom: 1rem;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .royal-result-meta {
     display: flex;
     flex-wrap: wrap;
     gap: 2rem;
 }

 .royal-result-meta-item {
     display: inline-flex;
     align-items: center;
     gap: 5px;
     font-size: 13px;
     color: #888;
 }

 .royal-result-meta-item i {
     font-size: 12px;
 }

 .royal-result-meta-item.price {
     color: red;
     font-weight: 500;
 }

 /* 空状态 */
 .royal-no-results,
 .royal-search-empty {
     text-align: center;
     padding: 4rem 2rem;
 }

 .royal-no-results i,
 .royal-search-empty i {
     font-size: 8rem;
     color: #888;
     margin-bottom: 2rem;
 }

 .royal-no-results h3,
 .royal-search-empty h3 {
     font-size: 2rem;
     margin-bottom: 1rem;
 }

 .royal-no-results p,
 .royal-search-empty p {
     color: #888;
     font-size: 1.6rem;
     margin-bottom: 30px;
 }

 .royal-search-suggestions {
     max-width: 400px;
     margin: 0 auto;
     text-align: left;
     background: #f8f9fa;
     padding: 2rem;
     border-radius: 0.5rem;
 }

 .royal-search-suggestions h4 {
     font-size: 1.6rem;
     color: #333;
     margin-bottom: 12px;
 }

 .royal-search-suggestions ul {
     margin: 0;
     padding-left: 2rem;
 }

 .royal-search-suggestions li {
     color: #888;
     font-size: 1.4rem;
 }

 /* ============================================
   搜索页面样式 - 移动端适配
   ============================================ */

 @media (max-width: 640px) {
     .royal-search-section {
         padding: 0rem 0;
     }

     .royal-search-form {
         margin: 2rem 0;
     }

     .royal-search-results {
         padding: 2rem;
     }

     .royal-result-thumb {
         padding-right: 2rem;
     }

     .royal-result-item {
         padding: 1rem 0;
         background: #fff;
         border-bottom: 1px solid #e8e8e8;
     }

 }