.xl-search-entry .xl-header-row{justify-content:space-between}.xl-search-entry .xl-header-row>.xl-search{display:none}.xl-search-content{padding:32px 0 100px;display:flex;flex-direction:column;gap:48px}.xl-search-intro{display:flex;flex-direction:column;gap:24px}.xl-search-breadcrumb{display:flex;align-items:center;gap:4px;font-size:16px;line-height:22px;color:var(--text-secondary)}.xl-search-breadcrumb img{width:11px;height:11px}.xl-search-breadcrumb span{font-weight:600;color:var(--text-primary)}.xl-search-panel{padding:24px;border-radius:12px;background:var(--bg-surface)}.xl-search-form{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-page);border-radius:100px}.xl-search-form .xl-icon{flex:none;color:var(--text-muted)}.xl-search-form input{flex:1;min-width:0;border:0;background:transparent;color:var(--text-primary);outline:none;font-size:16px;line-height:22px}.xl-search-form input::placeholder{color:var(--text-disabled)}.xl-search-form:focus-within{outline:2px solid #5c7bff}.xl-search-form button{padding:8px 16px;flex:none;font-size:14px!important}.xl-search-history,.xl-search-hot{display:flex;flex-direction:column;gap:24px}.xl-search-title{display:flex;align-items:center;justify-content:space-between}.xl-search-content h2{font-size:24px;line-height:34px;font-weight:600}.xl-clear-history{font-size:14px;background:linear-gradient(90deg,#5c7bff,#ff538d);background-clip:text;-webkit-background-clip:text;color:transparent}.xl-history-items{display:flex;flex-wrap:wrap;gap:8px}.xl-history-items a{background:var(--bg-surface);padding:8px 16px;border-radius:6px;font-size:14px;line-height:20px}.xl-history-empty{color:var(--text-muted);font-size:14px}.xl-search-content a:focus-visible,.xl-search-content button:focus-visible{outline:2px solid #5c7bff;outline-offset:3px}
@media(max-width:640px){.xl-search-content{padding:24px 0 48px;gap:32px}.xl-search-panel{padding:12px}.xl-search-form{padding:10px;gap:8px}.xl-search-form input{font-size:14px}.xl-search-form button{padding:8px 12px}.xl-search-content h2{font-size:20px;line-height:28px}.xl-search-history,.xl-search-hot{gap:16px}}
/* 输入焦点由外层搜索栏统一提示，内部输入框不重复描边。 */
.xl-search-form input,.xl-search-form input:focus,.xl-search-form input:focus-visible{border:0!important;outline:none!important;box-shadow:none!important}

/* Match the template chips and respect both light and dark theme surfaces. */
.xl-search-entry .xl-history-items a,
.xl-search-entry .xl-history-items button {
  max-width:100%;
  border:1px solid transparent;
  border-radius:6px;
  background:var(--bg-surface);
  color:var(--text-secondary);
  padding:8px 16px;
  font-size:14px;
  line-height:20px;
  overflow-wrap:anywhere;
  text-align:left;
}
.xl-search-entry .xl-history-items a:hover,
.xl-search-entry .xl-history-items button:hover {color:var(--text-primary);border-color:var(--border-default)}
.xl-search-entry .xl-search-hot {margin-bottom:0}
.xl-search-entry .xl-clear-history {display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 0}
.xl-search-entry .xl-clear-history svg {width:18px;height:18px;color:var(--brand-blue-default)}
.xl-search-title {gap:16px}
.xl-hot-empty {font-size:14px;color:var(--text-muted)}
.xl-search-content a:focus-visible,
.xl-search-content button:focus-visible {outline:2px solid var(--brand-blue-default)!important;outline-offset:3px}

.xl-search-body {display:flex;flex-direction:column;gap:48px}
.xl-search-status {margin:0;padding:12px 16px;background:var(--bg-surface);border-radius:8px;color:var(--text-secondary);font-size:14px}
[data-search-browser][aria-busy="true"] [data-search-body] {opacity:.6}
.xl-result-tabs a {gap:8px}
.xl-search-count {font-size:13px;font-weight:400;font-variant-numeric:tabular-nums;opacity:.85}
@media(max-width:640px){.xl-search-body{gap:32px}.xl-result-tabs a{gap:6px;padding-inline:14px}.xl-search-count{font-size:12px}}

/* Hot cards follow the design: a broad corner glow, rank, views and title. */
.xl-search-hot .xl-video-cover::before {
  content:"";
  position:absolute;
  z-index:1;
  inset:0 auto auto 0;
  width:100px;
  height:100px;
  background:radial-gradient(ellipse at top left,var(--brand-gradient-default-start) 0%,rgba(255,83,141,.3) 35.1%,rgba(255,83,141,0) 65%);
  pointer-events:none;
}
.xl-search-hot .xl-hot-rank {
  position:absolute;
  z-index:2;
  top:6px;
  left:8px;
  color:#fff;
  font-size:24px;
  line-height:34px;
  font-weight:600;
  font-variant-numeric:tabular-nums;
}
.xl-search-hot .xl-video-meta {z-index:2}
@media(max-width:640px){
  .xl-search-hot .xl-hot-rank {top:6px;left:8px;font-size:20px;line-height:28px}
}

/* 搜索栏 · Figma 2164:22327：外层无底色，胶囊使用 surface。 */
.xl-search-entry .xl-search-panel{padding:0;background:transparent}
.xl-search-entry .xl-search-form{background:var(--bg-surface);min-height:68px}
.xl-search-entry .xl-search-form button{line-height:20px}
@media(max-width:640px){.xl-search-entry .xl-search-form{min-height:56px}}

/* 清除历史 · Figma 2584:35272。 */
.xl-search-entry .xl-clear-history{display:inline-flex;align-items:center;justify-content:center;width:104px;height:32px;padding:0 24px;border:0;border-radius:100px;background:var(--bg-surface);background-clip:border-box;-webkit-background-clip:border-box;color:var(--text-secondary);-webkit-text-fill-color:currentColor;font:600 14px/20px var(--font-ui);white-space:nowrap}
.xl-search-entry .xl-clear-history:hover{background:var(--bg-emphasis);color:var(--text-primary)}

/* H5 搜索结果复用新版页头与底部导航，隐藏桌面页脚。 */
@media(max-width:640px){.xl-search-results #app-footer{display:none!important}}