/* ===== 搜索页（search/index.html）：在 home.css 手账风基础上的补充样式 ===== */

/* 搜索框：手账纸条风格 */
.search-form{display:flex;gap:10px;margin:18px 0 14px}
.search-form input[type="text"]{
  flex:1;min-width:0;
  font-family:inherit;font-size:15px;color:#5a4a33;
  background:#fffdf4;border:1px solid #d8c9ae;border-radius:10px;
  padding:12px 16px;outline:none;transition:border-color .2s, box-shadow .2s;
}
.search-form input[type="text"]::placeholder{color:#c9b694}
.search-form input[type="text"]:focus{border-color:#d1662f;box-shadow:0 0 0 3px rgba(209,102,47,.12)}
.search-form button{
  font-family:inherit;font-size:14.5px;letter-spacing:2px;cursor:pointer;
  color:#fffdf4;background:#d1662f;border:none;border-radius:10px;
  padding:12px 22px;transition:.2s;white-space:nowrap;
}
.search-form button:hover{background:#b8551f}

/* 分类筛选 chips */
.cat-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.cat-chips .chip{
  display:inline-block;font-size:13px;letter-spacing:1px;
  color:#7a6244;background:#fffdf4;border:1px dashed #d8c9ae;
  border-radius:999px;padding:5px 16px;text-decoration:none;transition:.2s;
}
.cat-chips .chip:hover{border-color:#d1662f;color:#d1662f}
.cat-chips .chip.on{color:#fffdf4;background:#d1662f;border:1px solid #d1662f}

/* ===== 手账页搜索入口（notes/index.html 内嵌） ===== */
.notes-search{max-width:560px;margin:0 auto 18px;text-align:left}
.notes-search .search-form{margin:0 0 10px}

/* 窄屏适配 */
@media (max-width:560px){
  .search-form{flex-direction:column}
  .search-form button{padding:11px}
}