<input type="search" class="search-field" placeholder="搜索..." value="" name="s" title="搜索：">

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <header class="entry-header">
    <h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
  </header>
  <div class="entry-content">
    <?php the_excerpt(); ?>
  </div>
</article>

.form-search {
    display: flex;
    justify-content: center;
}

.search-field {
    width: 300px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
}

.search-submit {
    margin-left: 10px;
    background: #007bff;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.search-submit:hover {
    background: #006fe6;
}

.search-submit:focus {
    outline: none;
}