.search-top{display:flex;align-items:center;gap:8px;padding:10px 12px 0}.back-btn{background:transparent;border:0;width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.back-btn img{width:20px;height:20px;transform:rotate(180deg);object-fit:contain}.search-pill{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 12px;box-shadow:inset 0 0 0 2px #0000000f}.search-pill img{width:16px;height:16px;object-fit:contain}.search-pill input{border:0;outline:none;width:100%;font-size:12px;color:#666;background:transparent}.header .header-search{flex:1;margin:0 10px;display:flex;align-items:center;gap:10px;background:#fff;color:#c2c2c2;font-size:12px;border-radius:30px;padding:8px 10px}.header .header-search input{border:0;outline:none;width:100%;background:transparent;color:#666;font-size:12px}.hot-title{font-weight:700;font-size:14px;color:#222}.hot-list{display:grid;gap:12px}.hot-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;background:var(--bg-card);border-radius:12px;padding:8px;box-shadow:var(--shadow-sm)}.hot-icon{width:44px;height:44px;border-radius:10px;object-fit:cover}.hot-title-text{font-size:13px;font-weight:700;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-btn{display:inline-flex;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)}