.header-search{display:flex;align-items:center;gap:10px;background:#fff3;color:#c2c2c2;font-size:12px;border-radius:var(--radius-md);padding:8px 10px;margin-top:8px}.header-search input{border:0;outline:none;width:100%;background:transparent;color:#fff;font-size:12px}.header-search input::placeholder{color:#ffffff8c}.header-search img{width:18px;height:18px;object-fit:contain}.hot-title{font-weight:700;font-size:16px;color:#fff;margin-top:0}.hot-list{display:grid;gap:12px}.hot-item{display:grid;grid-template-columns:100px 1fr;align-items:self-start;gap:10px;border-radius:12px;padding:8px;box-shadow:var(--shadow-sm);background:#0e0604f5}.hot-icon{width:100px;height:56px;border-radius:10px;object-fit:cover}.hot-title-text{margin-bottom:10px;width:100%;font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.hot-desc-text{width:100%;font-size:12px;font-weight:400;color:#ebd5d16b;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.play-btn{display:none;align-items:center;gap:6px;background:var(--primary-color);color:#fff;border:0;padding:8px 12px;border-radius:999px;font-weight:700}.play-btn img{width:14px;height:14px;object-fit:contain;filter:brightness(0) invert(1)}@media (min-width: 1024px){.search-page{align-items:stretch}.search-page .header-search{max-width:680px;margin:16px auto 12px;padding:12px 18px;border-radius:999px;background:linear-gradient(90deg,#ffffff1f,#ffffff0a);box-shadow:0 10px 32px #000000b3}.search-main{max-width:var(--max-width);margin:8px auto 24px;padding:18px 20px 20px}.hot-title{font-size:20px;margin-bottom:14px}.hot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hot-item{grid-template-columns:180px 1fr;padding:14px 16px;border-radius:18px;box-shadow:0 14px 34px #000000d9,0 0 0 1px #ffffff08;cursor:pointer;transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out,background-color .16s ease-out;background:radial-gradient(circle at top left,rgba(255,255,255,.02),transparent 55%) #110805fa}.hot-item:hover{transform:translateY(-4px);box-shadow:0 18px 40px #000000f2,0 0 0 1px #ffffff14;background:radial-gradient(circle at top left,rgba(255,255,255,.04),transparent 55%) #150a06fa}.hot-icon{width:180px;height:104px;border-radius:14px}.hot-title-text{font-size:15px;margin-bottom:6px}.hot-desc-text{font-size:13px;-webkit-line-clamp:3}}