.search-container {
  padding: 50px auto;
  margin: 50px auto;
  text-align: center;
}

#searchInput {
  padding: 10px 0px;
  margin: 20px 0px;
  font-size: 1em;
  width: 80%;
  text-align: left;
}

/* 默认 placeholder 样式（桌面） */
#searchInput::placeholder,
#searchInput::-webkit-input-placeholder {
    font-size: 1em; /* 保持与输入文字一致或按需调整 */
    color: #999;
}

/* 移动端（H5）：缩小 placeholder 字体 */
@media (max-width: 768px) {
    #searchInput::placeholder,
    #searchInput::-webkit-input-placeholder {
        font-size: 0.6em; /* 比输入文字小一些，按需改为 px 如 12px */
        color: #9a9a9a;
    }
    /* 兼容旧IE/Edge（可选） */
    #searchInput:-ms-input-placeholder {
        font-size: 0.6em;
    }
}

#searchButton {
  padding: 10px;
  margin: 20px;
  font-size: 1em;
  width: 150px;
  color: white;
  background-color: #4e6ef2;
  /* border: blue dashed 1px; */
}

section.search {
  margin-top: 100px;
  margin-bottom: 100px;
}

/* H5 覆盖：缩小 section.search 上下间距为 60px（仅移动端） */
@media (max-width: 768px) {
    .search-container {
        padding: 20px 0px;
        margin: 10px auto;
        text-align: center;
    }

    section.search {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
}

/* search 页面结果区：响应式网格（手机至少两列） */
.search-results{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px;
	align-items: start;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	padding: 8px;
}

/* 每个结果项允许缩小，避免撑开网格 */
.search-results > * {
	min-width: 0; /* 允许缩小，防止撑破网格 */
	box-sizing: border-box;
}

/* 图片、缩略图处理，避免超出卡片 */
.search-results img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* 搜索结果区域兼容首页 actor-list 风格（手机至少两列） */

#content.actor-list,
.search-results,
.container > #content.actor-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
	align-items: start;
	width: 100%;
	box-sizing: border-box;
	padding: 8px;
	margin: 0;
}

/* 缩略图/图片不溢出 */
#content.actor-list img,
.search-results img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* 手机：尽量显示两列 */
@media (max-width: 600px){
	#content.actor-list,
	.search-results {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px;
		padding: 6px;
	}
}

/* 极小屏退为一列以防太挤 */
@media (max-width: 360px){
	#content.actor-list,
	.search-results {
		grid-template-columns: 1fr !important;
	}
}