/* 搜索框样式优化 */
.search-box {
    display: flex;
    padding: 10px 16px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    position: fixed;
    top: 48px;
    left: 0;
    right: 0;
    z-index: 5;
}

#search-input {
    flex: 1;
    height: 36px;
    border: 1px solid #e0e0e0;
    border-radius: 18px;
    padding: 0 16px;
    font-size: 14px;
    background-color: #f5f5f5;
}

#search-btn {
    margin-left: 10px;
    border: none;
    background: linear-gradient(to right, #E4C995, #B9916A);
    color: white;
    padding: 0 16px;
    border-radius: 18px;
    font-size: 14px;
    height: 36px;
}

/* 内容区域样式 */
.content {
    padding: 16px;
}

/* 门店列表样式优化 */
.restaurant-list {
    margin-top: 10px;
}

.restaurant-item {
    /* background: linear-gradient(to right, #EEE5D2, #FDFAF5); */
    border-radius: 8px;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.restaurant-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.restaurant-info {
    padding: 16px;
}

.restaurant-name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #6F5226;
}

.restaurant-address,
.restaurant-business {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 8px;
    display: flex;
    align-items: flex-start;
}

.restaurant-address::before,
.restaurant-business::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-size: contain;
    background-repeat: no-repeat;
}

.restaurant-address::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23CBB486"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>');
}

.restaurant-business::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23CBB486"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>');
}

.restaurant-rating {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

/* 分页控件样式优化 */
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pagination-btn {
    padding: 8px 16px;
    border: 1px solid #E4C995;
    margin: 0 5px;
    border-radius: 4px;
    background-color: #fff;
    color: #6F5226;
}

.pagination-btn.active {
    background: linear-gradient(to right, #E4C995, #B9916A);
    color: #fff;
    border: none;
}

.pagination-btn.disabled {
    color: rgba(0, 0, 0, 0.3);
    border-color: #E5E5E5;
    cursor: not-allowed;
}