/* 51 视频搜索页：Figma Web 644:855 / H5 453:5521、453:5675。 */
.hg-search-page{max-width:1088px;margin:0 auto;padding-top:44px}
.hg-search-stage{margin-bottom:28px}
.hg-search-stage__form{display:flex;align-items:center;gap:10px;width:100%;height:54px;box-sizing:border-box;padding:6px 10px 6px 24px;border:1px solid #3a3c50;border-radius:34px;background:#252632}
.hg-search-stage__icon{width:17px;height:17px;flex:none;border:2px solid rgba(255,255,255,.55);border-radius:50%;position:relative;box-sizing:border-box}
.hg-search-stage__icon::after{content:"";position:absolute;width:6px;height:2px;right:-5px;bottom:-2px;border-radius:2px;background:rgba(255,255,255,.55);transform:rotate(45deg)}
.hg-search-stage__form input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:14px}
.hg-search-stage__form input::placeholder{color:rgba(255,255,255,.45)}
.hg-search-stage__form button{width:135px;height:40px;border:0;border-radius:12px;background:#5df2b8;color:#090909;font-size:14px;font-weight:500;cursor:pointer}
.hg-search-history{margin-top:22px}
.hg-search-history__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.hg-search-history__head h2{margin:0;color:#fff;font-size:16px;line-height:24px}
.hg-search-history__head button{border:0;background:transparent;color:#9999a1;font-size:12px;cursor:pointer}
.hg-search-history__tags{display:flex;flex-wrap:wrap;gap:12px}
.hg-search-history__tags button{height:30px;padding:0 12px;border:0;border-radius:99px;background:#2a2b33;color:#b5b7bf;font-size:13px;cursor:pointer}
.hg-search-page>.hg-breadcrumb{display:none}
.hg-search-page__head h1{font-size:16px}
.hg-search-page__meta strong,.hg-search-page__retry{color:#5df2b8}
.hg-search-page__retry{background:#252632;border:1px solid rgba(93,242,184,.45)}
.hg-search-results .hg-card-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:18px}
.hg-search-results .hg-card-grid .hg-drama-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;min-height:124px;padding:11px 14px 11px 10px;box-sizing:border-box;border-radius:12px;background:#27282c}
.hg-search-results .hg-drama-card__cover{width:80px;height:100px;aspect-ratio:auto;border-radius:8px}
.hg-search-results .hg-drama-card__body{min-width:0;padding:0;background:transparent}
.hg-search-results .hg-drama-card__title{font-size:18px;line-height:24px}
.hg-search-results .hg-drama-card__desc{margin-top:8px;color:#b5b7bf;font-size:13px}
.hg-search-results .hg-drama-card__tags{margin-top:8px}
.hg-search-empty{border:0;background:transparent}
.hg-search-hot__item:hover{border-color:rgba(93,242,184,.35)}
.hg-search-hot__item:hover .hg-search-hot__name,.hg-search-hot__rank.is-top{color:#5df2b8}

@media(max-width:767px){
  .hg-search-page{width:343px;max-width:calc(100vw - 32px);padding:18px 0 28px}
  .hg-search-stage{margin-bottom:24px}
  .hg-search-stage__form{height:38px;padding:0 0 0 14px;border-color:#26272d;background:#090b0d}
  .hg-search-stage__form input{font-size:14px}
  .hg-search-stage__form button{width:auto;height:38px;padding:0 0 0 10px;border-radius:0;background:transparent;color:#5df2b8}
  .hg-search-history{margin-top:22px}
  .hg-search-history__head h2{font-size:16px}
  .hg-search-history__tags{gap:10px}
  .hg-search-page__head{margin-bottom:16px}
  .hg-search-page__head h1{font-size:20px}
  .hg-search-results .hg-card-grid{gap:10px;margin-top:14px}
  .hg-search-results .hg-card-grid .hg-drama-card{grid-template-columns:80px minmax(0,1fr);min-height:124px;padding:11px 10px;border-radius:12px}
  .hg-search-results .hg-drama-card__title{font-size:16px;line-height:24px}
  .hg-search-results .hg-drama-card__desc{font-size:12px;line-height:18px}
  .hg-search-empty{min-height:180px;margin-top:0}
}